From d9e933d5aef7a689491ef3f621153b4a1d9d45db Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Fri, 17 Apr 2026 12:28:13 -0500
Subject: [PATCH] fix: Misc frontend layout fixes (#7487)

---
 frontend/app/assets/main.css                         | 12 ++++--------
 .../app/components/Domain/Recipe/RecipeTimeline.vue  |  3 ++-
 .../components/Domain/Recipe/RecipeTimelineItem.vue  |  1 -
 frontend/app/plugins/theme.ts                        |  1 +
 4 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/frontend/app/assets/main.css b/frontend/app/assets/main.css
index 865db4e3d..3773ee23e 100644
--- a/frontend/app/assets/main.css
+++ b/frontend/app/assets/main.css
@@ -20,16 +20,12 @@
   max-width: 1100px !important;
 }
 
-.theme--dark.v-application {
-  background-color: rgb(var(--v-theme-background, 30, 30, 30)) !important;
+.v-theme--dark.v-application {
+  background-color: rgb(var(--v-theme-background)) !important;
 }
 
-.theme--dark.v-navigation-drawer {
-  background-color: rgb(var(--v-theme-background, 30, 30, 30)) !important;
-}
-
-.theme--dark.v-card {
-  background-color: #1e1e1e !important;
+.v-theme--dark .v-navigation-drawer {
+  background-color: rgb(var(--v-theme-background)) !important;
 }
 
 .left-border {
diff --git a/frontend/app/components/Domain/Recipe/RecipeTimeline.vue b/frontend/app/components/Domain/Recipe/RecipeTimeline.vue
index 3f90a37a6..170e33db0 100644
--- a/frontend/app/components/Domain/Recipe/RecipeTimeline.vue
+++ b/frontend/app/components/Domain/Recipe/RecipeTimeline.vue
@@ -1,6 +1,6 @@
 <template>
   <div style="height: 100%;">
-    <v-row class="my-0 mx-7">
+    <v-row class="mb-0 mt-3 mx-7">
       <v-spacer />
       <v-col class="text-right">
         <!-- Filters -->
@@ -44,6 +44,7 @@
                   :model-value="option.checked"
                   color="primary"
                   readonly
+                  hide-details
                   @click="toggleEventTypeOption(option.value)"
                 >
                   <template #label>
diff --git a/frontend/app/components/Domain/Recipe/RecipeTimelineItem.vue b/frontend/app/components/Domain/Recipe/RecipeTimelineItem.vue
index 6843e9039..a9b4373b0 100644
--- a/frontend/app/components/Domain/Recipe/RecipeTimelineItem.vue
+++ b/frontend/app/components/Domain/Recipe/RecipeTimelineItem.vue
@@ -28,7 +28,6 @@
           <v-col v-else cols="9" style="margin: auto; text-align: center">
             {{ event.subject }}
           </v-col>
-          <v-spacer />
           <v-col :cols="useMobileFormat ? 'auto' : '1'" class="px-0 pt-0">
             <RecipeTimelineContextMenu
               v-if="currentUser && currentUser.id == event.userId && event.eventType != 'system'"
diff --git a/frontend/app/plugins/theme.ts b/frontend/app/plugins/theme.ts
index 097915673..2930f5352 100644
--- a/frontend/app/plugins/theme.ts
+++ b/frontend/app/plugins/theme.ts
@@ -68,6 +68,7 @@ export default defineNuxtPlugin(async (nuxtApp) => {
             warning: theme?.darkWarning ?? "#FF6D00",
             error: theme?.darkError ?? "#EF5350",
             background: "#1E1E1E",
+            surface: "#1E1E1E",
           },
         },
       },