small ui fixes

src/components/AssigneeMenu.vue

@@ -53,7 +53,15 @@ const select = (value: unknown) => {
     <v-menu>
       <template v-slot:activator="{ props: activatorProps }">
         <div class="d-flex align-center ga-2">
-          <v-btn rounded="circle" density="compact" icon variant="text" v-bind="activatorProps">
+          <v-btn
+            border
+            class="border-opacity-25"
+            rounded="circle"
+            density="compact"
+            icon
+            variant="text"
+            v-bind="activatorProps"
+          >
             <v-avatar
               :image="value?.image ?? undefined"
               :text="currentInitials"
@@ -78,7 +86,7 @@ const select = (value: unknown) => {
         >
           <v-list-item value="">
             <div class="d-flex align-center ga-2">
-              <v-avatar density="compact" border rounded="circle" text="?" />
+              <v-avatar density="compact" class="border-opacity-25" border rounded="circle" text="?" />
               <div>Unassigned</div>
             </div>
           </v-list-item>

src/components/IssueContent.vue

@@ -46,11 +46,24 @@ const cancel = () => {
     </template>
 
     <template v-else>
-      <v-textarea autofocus class="mb-1" hide-details v-model="draft" variant="outlined" auto-grow rows="4" max-rows="15" />
+      <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" />
-        <v-btn density="compact" prepend-icon="mdi-check" color="primary" variant="flat" text="Save" @click="save" />
+        <v-btn density="compact" icon variant="text" @click="cancel">
+          <v-icon icon="mdi-cancel" />
+        </v-btn>
+        <v-btn density="compact" icon color="primary" variant="flat" @click="save">
+          <v-icon icon="mdi-check" />
+        </v-btn>
       </div>
     </template>
   </div>

src/components/IssueDate.vue

@@ -57,8 +57,12 @@ const cancel = () => {
           persistent-placeholder
         />
 
-        <v-btn density="compact" prepend-icon="mdi-cancel" variant="text" text="Cancel" @click="cancel" />
-        <v-btn density="compact" prepend-icon="mdi-check" color="primary" variant="flat" text="Save" @click="save" />
+        <v-btn density="compact" icon variant="text" @click="cancel">
+          <v-icon icon="mdi-cancel" />
+        </v-btn>
+        <v-btn density="compact" icon color="primary" variant="flat" @click="save">
+          <v-icon icon="mdi-check" />
+        </v-btn>
       </div>
     </template>
   </div>

src/components/IssueTitle.vue

@@ -49,8 +49,12 @@ const cancel = () => {
       <v-text-field autofocus class="mb-1" hide-details v-model="draft" variant="outlined" />
 
       <div class="d-flex justify-end ga-1">
-        <v-btn density="compact" prepend-icon="mdi-cancel" variant="text" text="Cancel" @click="cancel" />
-        <v-btn density="compact" prepend-icon="mdi-check" color="primary" variant="flat" text="Save" @click="save" />
+        <v-btn density="compact" icon variant="text" @click="cancel">
+          <v-icon icon="mdi-cancel" />
+        </v-btn>
+        <v-btn density="compact" icon color="primary" variant="flat" @click="save">
+          <v-icon icon="mdi-check" />
+        </v-btn>
       </div>
     </template>
   </div>