Inconsistent layout of Edit: Group screen.

Summary

For some reason, the Admin -> Overview -> Groups -> Edit: Group screen has inconsistent layout. Group_22

Possible fixes

✏️ Figma work file

Use a single presentation layout for settings. Similar examples:

Settings Edit Project New Screen
Screen_Shot_2021-03-16_at_5.18.26_PM Screen_Shot_2021-08-31_at_1.55.28_PM Frame_1

Implementation plan

  1. Add - @content_class = "limit-container-width" unless fluid_layout to the top of app/views/admin/groups/edit.html.haml
  2. Adjust the HTML structure in app/views/groups/_group_admin_settings.html.haml so the labels are above the inputs.
  3. Adjust the width of the inputs in app/views/shared/_group_form.html.haml.
  4. Use the GitLab UI form builder to update the checkbox styles in app/views/groups/_group_admin_settings.html.haml#L5 and app/views/groups/_group_admin_settings.html.haml#L29
  5. Use the GitLab UI form builder to update the radio button styles in app/views/shared/_visibility_radios.html.haml#L5
Edited Sep 03, 2021 by Peter Hegman
Assignee Loading
Time tracking Loading