From e12d2163bf25d689cb0853620cb5fefbc106ffb1 Mon Sep 17 00:00:00 2001
From: Vadim <vadim.olonin@gmail.com>
Date: Mon, 5 Oct 2026 20:00:55 +0300
Subject: [PATCH] small ui fixes

---
 src/components/AssigneeMenu.vue | 12 ++++++++++--
 src/components/IssueContent.vue | 19 ++++++++++++++++---
 src/components/IssueDate.vue    |  8 ++++++--
 src/components/IssueTitle.vue   |  8 ++++++--
 4 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/src/components/AssigneeMenu.vue b/src/components/AssigneeMenu.vue
index ec9e1af..293f589 100644
--- a/src/components/AssigneeMenu.vue
+++ b/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>
diff --git a/src/components/IssueContent.vue b/src/components/IssueContent.vue
index 914bcd8..89cd3fc 100644
--- a/src/components/IssueContent.vue
+++ b/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>
diff --git a/src/components/IssueDate.vue b/src/components/IssueDate.vue
index 944fd62..ec09ed7 100644
--- a/src/components/IssueDate.vue
+++ b/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>
diff --git a/src/components/IssueTitle.vue b/src/components/IssueTitle.vue
index f5cba2c..12f1500 100644
--- a/src/components/IssueTitle.vue
+++ b/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>