Clean up code

- simplify css logic
- update tests

app/assets/javascripts/vue_shared/alert_details/components/sidebar/sidebar_assignees.vue

@@ -193,12 +193,8 @@ export default {
 
 <template>
   <div
-    class="alert-assignees gl-py-5"
-    :class="{
-      'gl-border-b-1': !sidebarCollapsed,
-      'gl-border-b-solid': !sidebarCollapsed,
-      'gl-border-b-gray-100': !sidebarCollapsed,
-    }"
+    class="alert-assignees gl-py-5 gl-w-70p"
+    :class="{ 'gl-border-b-1 gl-border-b-solid gl-border-b-gray-100': !sidebarCollapsed }"
     style="width: 70%"
   >
     <template v-if="sidebarCollapsed">

app/assets/javascripts/vue_shared/alert_details/components/sidebar/sidebar_status.vue

@@ -66,12 +66,8 @@ export default {
 
 <template>
   <div
-    class="alert-status gl-py-5"
-    :class="{
-      'gl-border-b-1': !sidebarCollapsed,
-      'gl-border-b-solid': !sidebarCollapsed,
-      'gl-border-b-gray-100': !sidebarCollapsed,
-    }"
+    class="alert-status gl-py-5 gl-w-70p"
+    :class="{ 'gl-border-b-1 gl-border-b-solid gl-border-b-gray-100': !sidebarCollapsed }"
     style="width: 70%"
   >
     <template v-if="sidebarCollapsed">

spec/frontend/vue_shared/alert_details/sidebar/alert_sidebar_assignees_spec.js

@@ -31,8 +31,10 @@ describe('Alert Details Sidebar Assignees', () => {
     },
   ];
 
+  const findAssigned = () => wrapper.findByTestId('assigned-users');
   const findDropdown = () => wrapper.findComponent(GlDropdownItem);
   const findSidebarIcon = () => wrapper.findByTestId('assignees-icon');
+  const findUnassigned = () => wrapper.findByTestId('unassigned-users');
 
   function mountComponent({
     data,
@@ -77,9 +79,6 @@ describe('Alert Details Sidebar Assignees', () => {
     mock.restore();
   });
 
-  const findAssigned = () => wrapper.find('[data-testid="assigned-users"]');
-  const findUnassigned = () => wrapper.find('[data-testid="unassigned-users"]');
-
   describe('sidebar expanded', () => {
     const mockUpdatedMutationResult = {
       data: {