Re-orders the GSD

Where GSD is the group security dashboard

ee/app/assets/javascripts/security_dashboard/components/app.vue

@@ -94,7 +94,6 @@ export default {
 
 <template>
   <div>
-    <vulnerability-count-list />
     <tabs stop-propagation>
       <tab active>
         <template slot="title">
@@ -108,7 +107,8 @@ export default {
             <icon name="question" class="vertical-align-middle" />
           </span>
         </template>
-
+        <vulnerability-count-list />
+        <h5 class="mt-4 mb-4">{{ __('Vulnerability List') }}</h5>
         <security-dashboard-table
           :dashboard-documentation="dashboardDocumentation"
           :empty-state-svg-path="emptyStateSvgPath"

ee/app/assets/javascripts/security_dashboard/components/security_dashboard_table.vue

@@ -89,7 +89,8 @@ export default {
 
 <style>
 .vulnerabilities-row-header {
-  color: #707070;
+  background-color: #fafafa;
+  font-size: 1rem;
   padding-left: 0.4em;
   padding-right: 0.4em;
 }

ee/changelogs/unreleased/6954-dashboard-rearrangement.yml

+---
+title: Re-orders the Group Security Dashboard
+merge_request: 8624
+author:
+type: other

locale/gitlab.pot

@@ -9193,6 +9193,9 @@ msgstr ""
 msgid "VisibilityLevel|Unknown"
 msgstr ""
 
+msgid "Vulnerability List"
+msgstr ""
+
 msgid "Vulnerability|Class"
 msgstr ""