fix big content

src/components/IssueDetails.vue

@@ -100,7 +100,7 @@ defineExpose({
 
 <template>
   <div v-if="issue" class="pa-4 details">
-    <div class="d-flex flex-column ga-4">
+    <div class="d-flex flex-column ga-4 details__main">
       <div>{{ ckey }}</div>
 
       <issue-title :text="issue.title" @changed="onTitleChanged" />
@@ -124,7 +124,7 @@ defineExpose({
         </v-card-text>
       </v-card>
 
-      <expansion-panel title="Details">
+      <expansion-panel title="Details" class="details__content">
         <issue-content :text="issue.content" @changed="onContentChanged" />
       </expansion-panel>
     </div>
@@ -164,6 +164,20 @@ defineExpose({
   overflow-y: auto;
 }
 
+// Children keep their content height; only the Details panel shrinks to the space left and scrolls
+.details__main > * {
+  flex-shrink: 0;
+}
+
+.details__content {
+  flex-shrink: 1;
+  min-height: 0;
+
+  :deep(.panel__body) {
+    overflow-y: auto;
+  }
+}
+
 .activity {
   flex: 1;
   min-height: 0;