Merge branch '7128-increase-width-of-left-column-in-reports-modal' into 'master'

Resolve "Increase width of left column in reports modal"

Closes #7128

See merge request gitlab-org/gitlab-ee!6808

ee/app/assets/javascripts/vue_shared/license_management/components/set_approval_status_modal.vue

@@ -48,10 +48,10 @@ export default {
   >
     <slot v-if="currentLicenseInModal">
       <div class="row prepend-top-10 append-bottom-10 js-license-name">
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ s__('LicenseManagement|License') }}:
         </label>
-        <div class="col-sm-10 text-secondary">
+        <div class="col-sm-9 text-secondary">
           {{ currentLicenseInModal.name }}
         </div>
       </div>
@@ -59,10 +59,10 @@ export default {
         v-if="currentLicenseInModal.url"
         class="row prepend-top-10 append-bottom-10 js-license-url"
       >
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ s__('LicenseManagement|URL') }}:
         </label>
-        <div class="col-sm-10 text-secondary">
+        <div class="col-sm-9 text-secondary">
           <a
             :href="currentLicenseInModal.url"
             target="_blank"
@@ -71,12 +71,12 @@ export default {
         </div>
       </div>
       <div class="row prepend-top-10 append-bottom-10 js-license-packages">
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ s__('LicenseManagement|Packages') }}:
         </label>
         <license-packages
           :packages="currentLicenseInModal.packages"
-          class="col-sm-10 text-secondary"
+          class="col-sm-9 text-secondary"
         />
       </div>
     </slot>

ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue

@@ -83,10 +83,10 @@
         :key="index"
         class="row prepend-top-10 append-bottom-10"
       >
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ field.text }}:
         </label>
-        <div class="col-sm-10 text-secondary">
+        <div class="col-sm-9 text-secondary">
           <div
             v-if="hasInstances(field, key)"
             class="info-well"
@@ -180,7 +180,7 @@
       </div>
 
       <div class="row prepend-top-20 append-bottom-10">
-        <div class="col-sm-10 offset-sm-2 text-secondary">
+        <div class="col-sm-9 offset-sm-3 text-secondary">
           <template v-if="hasDismissedBy">
             {{ s__('ciReport|Dismissed by') }}
             <a

ee/changelogs/unreleased/7128-increase-width-of-left-column-in-reports-modal.yml

+---
+title: updates column sizes in licence and security modals
+merge_request: 6808
+author:
+type: other