Polish row/col sizing of signal tab and move resolution up in drawer (#…

…4054)
Netflix · Nov 30, 2023 · d850ad3 · d850ad3
1 parent c024b68
commit d850ad3
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 28 deletions.
diff --git a/src/dispatch/static/dispatch/src/case/CaseAttributesDrawer.vue b/src/dispatch/static/dispatch/src/case/CaseAttributesDrawer.vue
@@ -144,6 +144,31 @@ const saveCaseDetails = async () => {
 
       <v-divider class="mt-8 mb-8" />
 
+      <div class="pl-6 dispatch-font-title">Investigation Write-Up</div>
+      <div class="pl-6 dispatch-font">
+        Document your findings and provide the rationale for any decisions you made as part of this
+        case.
+      </div>
+
+      <v-card flat color="grey-lighten-5" class="rounded-lg mt-6 ml-2 mr-2">
+        <RichEditor
+          :resolution="true"
+          v-model="modelValue.resolution"
+          @update:model-value="handleResolutionUpdate"
+          style="min-height: 400px; margin: 10px; font-size: 0.9125rem; font-weight: 400"
+        />
+        <v-row class="pb-2 pr-4 pl-4">
+          <v-col cols="12" class="d-flex justify-end align-center">
+            <CaseResolutionSearchPopover
+              :case-resolution="modelValue.resolution_reason"
+              class="pl-6"
+            />
+          </v-col>
+        </v-row>
+      </v-card>
+
+      <v-divider class="mt-8 mb-8" />
+
       <div class="pl-3">
         <v-row no-gutters align="center">
           <v-col cols="8">
@@ -191,7 +216,7 @@ const saveCaseDetails = async () => {
           </v-col>
         </v-row>
 
-        <v-row no-gutters class="pt-6" align="center">
+        <v-row no-gutters class="pt-6 pb-6" align="center">
           <v-col cols="8">
             <v-btn
               class="text-subtitle-2 font-weight-regular"
@@ -206,31 +231,6 @@ const saveCaseDetails = async () => {
           </v-col>
         </v-row>
       </div>
-
-      <v-divider class="mt-8 mb-8" />
-
-      <div class="pl-6 dispatch-font-title">Investigation Write-Up</div>
-      <div class="pl-6 dispatch-font">
-        Document your findings and provide the rationale for any decisions you made as part of this
-        case.
-      </div>
-
-      <v-card flat color="grey-lighten-5" class="rounded-lg mt-6 ml-2 mr-2">
-        <RichEditor
-          :resolution="true"
-          v-model="modelValue.resolution"
-          @update:model-value="handleResolutionUpdate"
-          style="min-height: 400px; margin: 10px; font-size: 0.9125rem; font-weight: 400"
-        />
-        <v-row class="pb-2 pr-4 pl-4">
-          <v-col cols="12" class="d-flex justify-end align-center">
-            <CaseResolutionSearchPopover
-              :case-resolution="modelValue.resolution_reason"
-              class="pl-6"
-            />
-          </v-col>
-        </v-row>
-      </v-card>
     </v-navigation-drawer>
   </div>
 </template>

diff --git a/src/dispatch/static/dispatch/src/case/CaseSignalInstanceTab.vue b/src/dispatch/static/dispatch/src/case/CaseSignalInstanceTab.vue
@@ -3,8 +3,8 @@
     <v-row>
       <!-- Column for Data Table -->
       <v-col cols="3">
-        <v-card min-width="350" max-width="350" class="signal-card" elevation="0">
-          <v-virtual-scroll :items="signalInstances" height="800" class="pt-2">
+        <v-card min-width="350" class="signal-card" elevation="0">
+          <v-virtual-scroll :items="signalInstances" height="828" class="pt-2">
             <template #default="{ item }">
               <div class="d-flex align-center">
                 <span style="font-size: 0.8rem" class="pl-8">