Merge branch 'create-work-item-sidebar-dividers' into 'master'

Create work item: Add dividers to items in sidebar

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/167747



Merged-by: Natalia Tepluhina <ntepluhina@gitlab.com>
Approved-by: Nick Leonard <nleonard@gitlab.com>
Approved-by: Natalia Tepluhina <ntepluhina@gitlab.com>
Reviewed-by: Sascha Eggenberger <seggenberger@gitlab.com>
Co-authored-by: Sascha Eggenberger <seggenberger@gitlab.com>

app/assets/javascripts/work_items/components/create_work_item.vue

@@ -507,12 +507,12 @@ export default {
           <aside
             v-if="hasWidgets"
             data-testid="work-item-overview-right-sidebar"
-            class="work-item-overview-right-sidebar"
+            class="work-item-overview-right-sidebar gl-px-3"
             :class="{ 'is-modal': true }"
           >
             <template v-if="workItemAssignees">
               <work-item-assignees
-                class="js-assignee gl-mb-5"
+                class="js-assignee work-item-attributes-item"
                 :can-update="canUpdate"
                 :full-path="fullPath"
                 :is-group="isGroup"
@@ -528,7 +528,7 @@ export default {
             </template>
             <template v-if="workItemLabels">
               <work-item-labels
-                class="js-labels gl-mb-5"
+                class="js-labels work-item-attributes-item"
                 :can-update="canUpdate"
                 :full-path="fullPath"
                 :is-group="isGroup"
@@ -540,7 +540,7 @@ export default {
             </template>
             <template v-if="workItemRolledupDates">
               <work-item-rolledup-dates
-                class="gl-mb-5"
+                class="work-item-attributes-item"
                 :can-update="canUpdate"
                 :full-path="fullPath"
                 :due-date-is-fixed="workItemRolledupDates.dueDateIsFixed"
@@ -556,7 +556,7 @@ export default {
             </template>
             <template v-if="workItemHealthStatus">
               <work-item-health-status
-                class="gl-mb-5"
+                class="work-item-attributes-item"
                 :work-item-id="workItemId"
                 :work-item-iid="workItemIid"
                 :work-item-type="selectedWorkItemTypeName"
@@ -566,7 +566,7 @@ export default {
             </template>
             <template v-if="workItemColor">
               <work-item-color
-                class="gl-mb-5"
+                class="work-item-attributes-item"
                 :work-item="workItem"
                 :full-path="fullPath"
                 :can-update="canUpdate"
@@ -575,7 +575,7 @@ export default {
             </template>
             <template v-if="workItemCrmContacts">
               <work-item-crm-contacts
-                class="gl-mb-5"
+                class="work-item-attributes-item"
                 :full-path="fullPath"
                 :work-item-id="workItemId"
                 :work-item-iid="workItemIid"