small fixes

src/components/IssueDetails.vue

@@ -14,6 +14,7 @@ import HistoryList from '@/components/HistoryList.vue'
 import SplitHandle from '@/components/SplitHandle.vue'
 import { useSplitPane } from '@/composables/useSplitPane.ts'
 import FileUpload from '@/components/FileUpload.vue'
+import PriorityMenu from '@/components/PriorityMenu.vue'
 
 interface Props {
   ckey: string
@@ -22,6 +23,7 @@ interface Props {
 const emit = defineEmits<{
   statusChanged: [issue: Issue]
   assigneeChanged: [issue: Issue]
+  priorityChanged: [issue: Issue]
   titleChanged: [issue: Issue]
   dueDateChanged: [issue: Issue]
 }>()
@@ -85,6 +87,16 @@ const onStatusChanged = async (status: Issue['status']) => {
   }
 }
 
+const onPriorityChanged = async (priority: Issue['priority']) => {
+  if (!issue.value) return
+
+  const updated = await issueStore.update(issue.value.id, { priority })
+  if (updated) {
+    issue.value = updated
+    emit('priorityChanged', updated)
+  }
+}
+
 const onAssigneeChanged = async (assignee: string) => {
   if (!issue.value) return
 
@@ -116,6 +128,9 @@ defineExpose({
           <div class="text-medium-emphasis">Status:</div>
           <status-menu :value="issue.status" @changed="onStatusChanged" />
 
+          <div class="text-medium-emphasis">Priority:</div>
+          <priority-menu :value="issue.priority" @changed="onPriorityChanged" />
+
           <div class="text-medium-emphasis">Reporter:</div>
           <reporter-info :user="issue.reporter" />
 

src/components/StatusMenu.vue

@@ -33,6 +33,7 @@ const select = (value: unknown) => {
       <template v-slot:activator="{ props: activatorProps }">
         <v-btn
           slim
+          border
           :color="currentStatusColor"
           density="compact"
           variant="flat"