From 6c0e3a00faee3f1d0717d5382941c71d086ac2bc Mon Sep 17 00:00:00 2001
From: Will Sheldon <114631109+wssheldon@users.noreply.github.com>
Date: Thu, 30 Nov 2023 08:14:14 -0800
Subject: [PATCH] Polish row/col sizing of signal tab and move resolution up in
 drawer

---
 .../src/case/CaseAttributesDrawer.vue         | 52 +++++++++----------
 .../src/case/CaseSignalInstanceTab.vue        |  4 +-
 2 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/dispatch/static/dispatch/src/case/CaseAttributesDrawer.vue b/src/dispatch/static/dispatch/src/case/CaseAttributesDrawer.vue
index 5f96ec50bd2e..3597a3c95554 100644
--- a/src/dispatch/static/dispatch/src/case/CaseAttributesDrawer.vue
+++ b/src/dispatch/static/dispatch/src/case/CaseAttributesDrawer.vue
@@ -141,6 +141,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">
@@ -188,7 +213,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"
@@ -203,31 +228,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
index 85f86fef80c6..1a2b9f1c000d 100644
--- 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">