Adjust license upload page style

Changelog: other
EE: true

ee/app/controllers/admin/licenses_controller.rb

@@ -11,6 +11,7 @@ class Admin::LicensesController < Admin::ApplicationController
   feature_category :license
 
   def new
+    @content_class = 'limit-container-width' unless fluid_layout
     @license ||= License.new(data: params[:trial_key])
   end
 

ee/app/views/admin/licenses/new.html.haml

@@ -25,35 +25,32 @@
 
 
 
-  .form-group.row
-    .col-sm-2
-    .col-sm-10
+  .form-group
     .form-check
       = radio_button_tag :license_type, :file, @license.data.blank?, class: 'form-check-input'
       = label_tag :license_type_file, class: 'form-check-label' do
         .option-title
-            Upload <code>.gitlab-license</code> file
-      .form-check
+          = _('Upload %{file_name} file').html_safe % { file_name: '<code>.gitlab-license</code>'.html_safe }
+    .form-group.license-file.gl-mt-4
+      = f.label :data_file, _('License file'), class: 'gl-sr-only'
+      = f.file_field :data_file, accept: ".gitlab-license,.gitlab_license,.txt", class: "form-control"
+    .form-check.gl-my-4
       = radio_button_tag :license_type, :key, @license.data.present?, class: 'form-check-input', data: { qa_selector: 'license_type_key_radio' }
       = label_tag :license_type_key, class: 'form-check-label' do
         .option-title
-            Enter license key
+          = _('Enter license key')
+    .form-group.license-key.hidden
+      = f.label :data, _('License key'), class: 'gl-sr-only'
+      = f.text_area :data, class: "form-control license-key-field", data: { qa_selector: 'license_key_field' }, rows: 20
 
-  .form-group.row.license-file
-    .col-sm-2.col-form-label
-      = f.label :data_file, "License file"
-    .col-sm-10
-      = f.file_field :data_file, accept: ".gitlab-license,.gitlab_license,.txt", class: "form-control"
 
-  .form-group.row.license-key.hidden
-    .col-sm-2.col-form-label
-      = f.label :data, "License key"
-    .col-sm-10
-      = f.text_area :data, class: "form-control license-key-field", data: { qa_selector: 'license_key_field' }, rows: 20
 
-  .form-group.row
-    .col-sm-2
-    .col-sm-10
+
+  %hr
+
+  %h4.gl-font-base= _("Terms of service")
+
+  .form-group
     = label_tag :accept_eula, nil, class: 'form-check-label' do
       = check_box_tag :accept_eula, nil, false, data: { qa_selector: 'accept_eula_checkbox' }
       = _('Unless otherwise agreed to in writing with GitLab, by clicking "Upload License" you agree that your use of GitLab Software is subject to the %{eula_link_start}Terms of Service%{eula_link_end}.').html_safe % { eula_link_start: eula_link_start, eula_url: eula_url, eula_link_end: '</a>'.html_safe }

locale/gitlab.pot

@@ -13402,6 +13402,9 @@ msgstr ""
 msgid "Enter in your Phabricator Server URL and personal access token below"
 msgstr ""
 
+msgid "Enter license key"
+msgstr ""
+
 msgid "Enter merge request URLs"
 msgstr ""
 
@@ -21097,6 +21100,9 @@ msgstr ""
 msgid "License file"
 msgstr ""
 
+msgid "License key"
+msgstr ""
+
 msgid "License overview"
 msgstr ""
 
@@ -34909,6 +34915,9 @@ msgstr ""
 msgid "Terms of Service and Privacy Policy"
 msgstr ""
 
+msgid "Terms of service"
+msgstr ""
+
 msgid "Terraform"
 msgstr ""
 
@@ -38177,6 +38186,9 @@ msgstr ""
 msgid "Upload"
 msgstr ""
 
+msgid "Upload %{file_name} file"
+msgstr ""
+
 msgid "Upload CSV file"
 msgstr ""