From 043bfa02c650c3cf3009eb45fcc6e2015e9b7b01 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Fri, 19 Feb 2021 18:40:08 -0900
Subject: [PATCH] change style of meal planner categories

---
 frontend/src/components/Settings/MealPlanner/index.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Settings/MealPlanner/index.vue b/frontend/src/components/Settings/MealPlanner/index.vue
index 139c8e744..8ea8ab61a 100644
--- a/frontend/src/components/Settings/MealPlanner/index.vue
+++ b/frontend/src/components/Settings/MealPlanner/index.vue
@@ -10,18 +10,22 @@
       <v-row>
         <v-col sm="12" md="6">
           <v-select
+            outlined
+            :flat="isFlat"
+            elavation="0"
             v-model="planCategories"
             :items="categories"
             item-text="name"
             item-value="name"
-            label="Allowed Categories"
             multiple
             chips
             hint="Only recipes with these categories will be used in Meal Plans"
+            class="mt-2"
             persistent-hint
           >
             <template v-slot:selection="data">
               <v-chip
+                outlined
                 :input-value="data.selected"
                 close
                 @click:close="removeCategory(data.index)"
@@ -114,6 +118,9 @@ export default {
     categories() {
       return this.$store.getters.getCategories;
     },
+    isFlat() {
+      return this.planCategories ? true : false;
+    },
   },
   methods: {
     saveTime(value) {