fix big content

src/components/IssueContent.vue

@@ -34,16 +34,19 @@ const cancel = () => {
         <v-sheet
           v-bind="props"
           :class="isHovering ? 'px-0' : 'px-0'"
-          class="py-1 cursor-pointer content-sheet"
+          class="cursor-pointer d-flex ga-1"
           @click="startEdit"
         >
-          {{ text ?? 'click to add content' }}
+          <div class="content-sheet">
+            {{ text ?? 'click to add content' }}
+          </div>
+          <v-icon v-if="isHovering" icon="mdi-pencil" size="small" />
         </v-sheet>
       </v-hover>
     </template>
 
     <template v-else>
-      <v-textarea autofocus class="mb-1" hide-details v-model="draft" variant="outlined" auto-grow rows="4" />
+      <v-textarea autofocus class="mb-1" hide-details v-model="draft" variant="outlined" auto-grow rows="4" max-rows="15" />
 
       <div class="d-flex justify-end ga-1">
         <v-btn density="compact" prepend-icon="mdi-cancel" variant="text" text="Cancel" @click="cancel" />