From 3707f2469ca0cfa1c7800172d86f7a4dd1fc56c8 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Tue, 27 Jan 2026 20:45:17 +0100
Subject: [PATCH] fix styling inconsistencies

---
 resources/js/Components/CurrentSidebarTimer.vue             | 2 +-
 .../Components/Dashboard/RecentlyTrackedTasksCardEntry.vue  | 6 ++++--
 resources/js/Pages/Time.vue                                 | 2 +-
 resources/js/packages/ui/src/GroupedItemsCountButton.vue    | 2 +-
 resources/js/packages/ui/src/TimeTrackerStartStop.vue       | 6 ++----
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/resources/js/Components/CurrentSidebarTimer.vue b/resources/js/Components/CurrentSidebarTimer.vue
index f5ea33d9..feb910f6 100644
--- a/resources/js/Components/CurrentSidebarTimer.vue
+++ b/resources/js/Components/CurrentSidebarTimer.vue
@@ -51,7 +51,7 @@ const isRunningInDifferentOrganization = computed(() => {
         <TimeTrackerStartStop
             :active="isActive"
             size="base"
-            variant="outline"
+            variant="secondary"
             @changed="setActiveState"></TimeTrackerStartStop>
     </div>
 </template>
diff --git a/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue b/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
index 8473165d..ac6edd68 100644
--- a/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
+++ b/resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
@@ -65,9 +65,11 @@ async function startTaskTimer() {
                 </div>
             </ProjectBadge>
         </div>
-        <div class="flex items-center justify-center">
+        <div class="flex items-center justify-end pr-1">
             <TimeTrackerStartStop
-                variant="outline"
+                variant="secondary"
+                size="base"
+                class="w-9 h-9"
                 @changed="startTaskTimer"></TimeTrackerStartStop>
         </div>
     </div>
diff --git a/resources/js/Pages/Time.vue b/resources/js/Pages/Time.vue
index 44f06998..60a7a23f 100644
--- a/resources/js/Pages/Time.vue
+++ b/resources/js/Pages/Time.vue
@@ -159,7 +159,7 @@ function deleteSelected() {
             </div>
             <div
                 v-else-if="!hasNextPage"
-                class="flex justify-center items-center py-5 text-text-secondary font-medium">
+                class="flex justify-center items-center py-5 text-sm text-text-tertiary">
                 All time entries are loaded!
             </div>
         </div>
diff --git a/resources/js/packages/ui/src/GroupedItemsCountButton.vue b/resources/js/packages/ui/src/GroupedItemsCountButton.vue
index 4c52c52c..72d5111b 100644
--- a/resources/js/packages/ui/src/GroupedItemsCountButton.vue
+++ b/resources/js/packages/ui/src/GroupedItemsCountButton.vue
@@ -17,7 +17,7 @@ const expandedStatusClasses = computed(() => {
     if (props.expanded) {
         return 'border-card-border border bg-quaternary text-text-primary';
     }
-    return 'border-card-border border hover:bg-tertiary hover:text-text-primary transition text-text-secondary';
+    return 'border-card-border bg-secondary border hover:bg-tertiary hover:text-text-primary transition text-text-secondary';
 });
 </script>
 
diff --git a/resources/js/packages/ui/src/TimeTrackerStartStop.vue b/resources/js/packages/ui/src/TimeTrackerStartStop.vue
index f0e19f32..bd536f03 100644
--- a/resources/js/packages/ui/src/TimeTrackerStartStop.vue
+++ b/resources/js/packages/ui/src/TimeTrackerStartStop.vue
@@ -10,13 +10,11 @@ const timeTrackerVariants = cva(
                 primary:
                     'text-white ring-accent-200/10 focus-visible:ring-ring focus-visible:ring-2 ring-4 sm:ring-[6px]',
                 secondary:
-                    'bg-tertiary text-text-tertiary hover:text-text-primary focus:ring-2 focus:ring-border-tertiary',
-                outline:
-                    'border border-border-primary text-text-tertiary hover:text-text-primary hover:bg-tertiary/50',
+                    'bg-quaternary text-text-tertiary hover:text-text-primary focus:ring-2 focus:ring-border-tertiary',
             },
             size: {
                 small: 'w-6 h-6',
-                base: 'w-9 h-9 hover:scale-110',
+                base: 'w-8 h-8',
                 large: 'w-11 h-11 hover:scale-110',
             },
             active: {