Apply new GitLab UI for buttons in admin settings

app/views/admin/application_settings/_external_authorization_service_form.html.haml

@@ -2,7 +2,7 @@
   .settings-header
     %h4
       = _('External authentication')
-    %button.btn.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded ? 'Collapse' : 'Expand'
     %p
       = _('External Classification Policy Authorization')

app/views/admin/application_settings/preferences.html.haml

@@ -6,7 +6,7 @@
   .settings-header
     %h4
       = _('Email')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Various email settings.')
@@ -17,7 +17,7 @@
   .settings-header
     %h4
       = _('Help page')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Help page text and support page url.')
@@ -28,7 +28,7 @@
   .settings-header
     %h4
       = _('Pages')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Size and domain settings for static websites')
@@ -39,7 +39,7 @@
   .settings-header
     %h4
       = _('Real-time features')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Change this value to influence how frequently the GitLab UI polls for updates.')
@@ -50,7 +50,7 @@
   .settings-header
     %h4
       = _('Gitaly')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Configure Gitaly timeouts.')
@@ -61,7 +61,7 @@
   .settings-header
     %h4
       = _('Localization')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Various localization settings.')

app/views/admin/application_settings/reporting.html.haml

@@ -6,7 +6,7 @@
   .settings-header
     %h4
       = _('Spam and Anti-bot Protection')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       - recaptcha_v2_link_url = 'https://developers.google.com/recaptcha/docs/versions'
@@ -19,7 +19,7 @@
   .settings-header
     %h4
       = _('Abuse reports')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Set notification email for abuse reports.')

app/views/admin/application_settings/repository.html.haml

@@ -7,7 +7,7 @@
     .settings-header
       %h4
         = _('Default initial branch name')
-      %button.gl-button.js-settings-toggle{ type: 'button' }
+      %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
         = expanded_by_default? ? _('Collapse') : _('Expand')
       %p
         = _('Set the default name of the initial branch when creating new repositories through the user interface.')
@@ -18,7 +18,7 @@
   .settings-header
     %h4
       = _('Repository mirroring')
-    %button.btn.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? 'Collapse' : 'Expand'
     %p
       = _('Configure repository mirroring.')
@@ -29,7 +29,7 @@
   .settings-header
     %h4
       = _('Repository storage')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Configure storage path settings.')
@@ -40,7 +40,7 @@
   .settings-header
     %h4
       = _('Repository maintenance')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Configure automatic git checks and housekeeping on repositories.')
@@ -51,7 +51,7 @@
   .settings-header
     %h4
       = _('Repository static objects')
-    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+    %button.btn.gl-button.btn-default.js-settings-toggle{ type: 'button' }
       = expanded_by_default? ? _('Collapse') : _('Expand')
     %p
       = _('Serve repository static objects (e.g. archives, blobs, ...) from an external storage (e.g. a CDN).')

changelogs/unreleased/yo-gl-button-admin.yml

+---
+title: Apply new GitLab UI for buttons in admin settings
+merge_request: 51789
+author: Yogi (@yo)
+type: other