Merge branch 'nfriend-fix-theme-alignment' into 'master'

Fix navigation theme option alignment

See merge request gitlab-org/gitlab!35041

app/assets/stylesheets/pages/profiles/preferences.scss

@@ -19,11 +19,6 @@
   $ui-light-bg: #dfdfdf;
   $ui-dark-mode-bg: #1f1f1f;
 
-  label {
-    margin: 0 $gl-padding-32 $gl-padding 0;
-    text-align: center;
-  }
-
   .preview {
     font-size: 0;
     height: 48px;

app/views/profiles/preferences/show.html.haml

@@ -8,8 +8,9 @@
     %p
       = s_('Preferences|Customize the appearance of the application header and navigation sidebar.')
   .col-lg-8.application-theme
+    .row
       - Gitlab::Themes.each do |theme|
-      = label_tag do
+        %label.col-6.col-sm-4.col-md-3.gl-mb-5.gl-text-center
           .preview{ class: theme.css_class }
           = f.radio_button :theme_id, theme.id, checked: Gitlab::Themes.for_user(@user).id == theme.id
           = theme.name

changelogs/unreleased/nfriend-fix-theme-alignment.yml

+---
+title: Fix alignment of navigation theme options
+merge_request: 35041
+author:
+type: fixed