wip

src/views/Issues/IssueView.vue

@@ -24,7 +24,7 @@ watchEffect(async () => fetch())
 </script>
 
 <template>
-  <v-sheet border>
+  <v-sheet border class="h-100 d-flex flex-column">
     <issue-details :ckey="ckey" />
   </v-sheet>
 </template>

src/views/Issues/IssuesListView.vue

@@ -183,7 +183,7 @@ async function onDeleteBatch() {
 </script>
 
 <template>
-  <div class="d-flex flex-column ga-2">
+  <div class="d-flex flex-column ga-2 h-100">
     <div class="u-grid ga-1">
       <div class="u-height">
         <issue-filter
@@ -274,7 +274,7 @@ async function onDeleteBatch() {
         </div>
       </div>
 
-      <v-sheet border v-if="selected.length" class="overflow-y-auto">
+      <v-sheet border v-if="selected.length" class="d-flex flex-column">
         <div class="d-flex align-center ga-2 px-4 py-2">
           <div>Work item</div>
           <v-spacer />
@@ -297,9 +297,15 @@ async function onDeleteBatch() {
 .u-grid {
   display: grid;
   grid-template-columns: v-bind(gridTemplate);
+  flex: 1;
+  min-height: 0;
+}
+
+.u-grid > * {
+  min-height: 0;
 }
 
 .u-height {
-  height: calc(100vh - 10rem);
+  overflow-y: auto;
 }
 </style>