fixes

src/components/DashboardCountCard.vue

@@ -5,11 +5,16 @@ interface Props {
   alert?: boolean
 }
 
-defineProps<Props>()
+const { label, value, alert } = defineProps<Props>()
+const emit = defineEmits<{ click: [] }>()
+
+function onClick() {
+  emit('click')
+}
 </script>
 
 <template>
-  <v-card :border="!alert" :variant="alert ? 'flat' : undefined" :color="alert ? 'error' : undefined">
+  <v-card :border="!alert" variant="flat" :color="alert ? 'error' : undefined" @click="onClick">
     <v-card-text>
       <div class="text-label-large" :class="{ 'text-medium-emphasis': !alert }">{{ label }}</div>
       <div class="text-headline-large">{{ value }}</div>

src/components/ProjectMenu.vue

@@ -30,14 +30,18 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div v-if="projects.length" class="d-flex align-center ga-3">
+  <div v-if="projects.length" class="d-flex align-center ga-2">
     <div>Project:</div>
     <v-menu>
       <template v-slot:activator="{ props }">
-        <v-btn-group variant="flat" density="compact" border>
-          <v-btn rounded="0" :text="currentProjectName" v-bind="props" />
-          <v-btn rounded="0" to="/settings/projects" icon="mdi-cog" />
-        </v-btn-group>
+        <v-btn density="comfortable" v-bind="props">
+          <div class="d-flex ga-1 align-center">
+            <v-chip v-if="current" size="small" variant="flat" color="primary" density="compact">
+              {{ current.key }}
+            </v-chip>
+            <div>{{ currentProjectName }}</div>
+          </div>
+        </v-btn>
       </template>
 
       <v-list
@@ -51,9 +55,9 @@ onMounted(async () => {
         @update:selected="select"
       >
         <v-list-item slim v-for="project in projects" :key="project.id" :value="project.id">
-          <v-list-item-title>
+          <v-list-item-title class="d-flex ga-1 align-center">
             <v-chip size="small" color="primary" variant="flat" density="compact">{{ project.key }}</v-chip>
-            {{ project.name }}
+            <div>{{ project.name }}</div>
           </v-list-item-title>
         </v-list-item>
       </v-list>