fix cookbook overview page visuals

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') }}

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>

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">

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 }}

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