From 845e306fe4035da1ef20f2406ebc1f8ccb5524ae Mon Sep 17 00:00:00 2001
From: Kuchenpirat <jojow@gmx.net>
Date: Fri, 23 May 2025 09:26:29 +0000
Subject: [PATCH] fix cookbook overview page visuals

---
 frontend/components/Domain/Cookbook/CookbookEditor.vue | 1 +
 frontend/components/Domain/QueryFilterBuilder.vue      | 7 +++++--
 frontend/components/global/HelpIcon.vue                | 1 +
 frontend/pages/g/[groupSlug]/cookbooks/index.vue       | 5 +++--
 frontend/pages/user/profile/edit.vue                   | 1 +
 5 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/components/Domain/Cookbook/CookbookEditor.vue b/frontend/components/Domain/Cookbook/CookbookEditor.vue
index f4d12e6a7..1ee47067d 100644
--- a/frontend/components/Domain/Cookbook/CookbookEditor.vue
+++ b/frontend/components/Domain/Cookbook/CookbookEditor.vue
@@ -27,6 +27,7 @@
         v-model="cookbook.public"
         hide-details
         single-line
+        color="primary"
       >
         <template #label>
           {{ $t('cookbook.public-cookbook') }}
diff --git a/frontend/components/Domain/QueryFilterBuilder.vue b/frontend/components/Domain/QueryFilterBuilder.vue
index e76d9c119..2813b24b6 100644
--- a/frontend/components/Domain/QueryFilterBuilder.vue
+++ b/frontend/components/Domain/QueryFilterBuilder.vue
@@ -272,19 +272,22 @@
       </v-container>
     </v-card-text>
     <v-card-actions>
-      <v-container fluid class="d-flex justify-end pa-0 mx-2">
+      <v-row fluid class="d-flex justify-end pa-0 mx-2">
+        <v-spacer />
         <v-checkbox
           v-model="showAdvanced"
           hide-details
           :label="$t('general.show-advanced')"
           class="my-auto mr-4"
+          color="primary"
         />
         <BaseButton
           create
           :text="$t('general.add-field')"
+          class="my-auto"
           @click="addField(fieldDefs[0])"
         />
-      </v-container>
+      </v-row>
     </v-card-actions>
   </v-card>
 </template>
diff --git a/frontend/components/global/HelpIcon.vue b/frontend/components/global/HelpIcon.vue
index e8664c9fa..36c22f2b7 100644
--- a/frontend/components/global/HelpIcon.vue
+++ b/frontend/components/global/HelpIcon.vue
@@ -12,6 +12,7 @@
           :size="small ? 'small' : undefined"
           icon
           v-bind="props"
+          variant="flat"
           @click.stop
         >
           <v-icon :small="small">
diff --git a/frontend/pages/g/[groupSlug]/cookbooks/index.vue b/frontend/pages/g/[groupSlug]/cookbooks/index.vue
index aa42d3ab9..77fb6b49e 100644
--- a/frontend/pages/g/[groupSlug]/cookbooks/index.vue
+++ b/frontend/pages/g/[groupSlug]/cookbooks/index.vue
@@ -39,7 +39,7 @@
 
     <!-- Cookbook Page -->
     <!-- Page Title -->
-    <v-container class="px-12">
+    <v-container class="px-12" max-width="1000">
       <BasePageTitle divider>
         <template #header>
           <v-img width="100%" max-height="100" max-width="100" :src="require('~/static/svgs/manage-cookbooks.svg')" />
@@ -55,6 +55,7 @@
           v-model="cookbookPreferences.hideOtherHouseholds"
           :label="$t('cookbook.hide-cookbooks-from-other-households')"
           hide-details
+          color="primary"
         />
         <div class="ml-10 mt-n3">
           <p class="text-subtitle-2 my-0 py-0">
@@ -81,7 +82,7 @@
             :key="cookbook.id"
             class="my-2 left-border rounded"
           >
-            <v-expansion-panel-title disable-icon-rotate class="text-h6">
+            <v-expansion-panel-title disable-icon-rotate class="text-h6 opacity-80">
               <div class="d-flex align-center">
                 <v-icon size="large" start>
                   {{ $globals.icons.pages }}
diff --git a/frontend/pages/user/profile/edit.vue b/frontend/pages/user/profile/edit.vue
index 69a570282..9f64f69e0 100644
--- a/frontend/pages/user/profile/edit.vue
+++ b/frontend/pages/user/profile/edit.vue
@@ -175,6 +175,7 @@
         v-model="userCopy.advanced"
         class="mt-n4"
         :label="$t('profile.show-advanced-description')"
+        color="primary"
         @change="updateUser"
       />
       <nuxt-link