From e784074ac8ad284c2f6b47de29e791a3aa85d5ee Mon Sep 17 00:00:00 2001
From: Kaibu <notkaibu@gmail.com>
Date: Sun, 17 Oct 2021 16:36:45 +0200
Subject: [PATCH] meal plan icons, rating spacing

---
 vue/src/apps/MealPlanView/MealPlanView.vue |  2 +-
 vue/src/apps/RecipeView/RecipeView.vue     |  3 +--
 vue/src/components/LastCooked.vue          | 12 +++++++-----
 vue/src/components/MealPlanCard.vue        |  7 +------
 vue/src/components/RecipeRating.vue        |  1 -
 5 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/vue/src/apps/MealPlanView/MealPlanView.vue b/vue/src/apps/MealPlanView/MealPlanView.vue
index 370ba0f93..55bfc0387 100644
--- a/vue/src/apps/MealPlanView/MealPlanView.vue
+++ b/vue/src/apps/MealPlanView/MealPlanView.vue
@@ -527,7 +527,7 @@ export default {
 }
 
 .cv-day.draghover {
-  box-shadow: inset 0 0 0.2em 0.2em grey !important;
+  box-shadow: inset 0 0 0.2em 0.2em rgb(221, 191, 134) !important;
 }
 
 .modal-backdrop {
diff --git a/vue/src/apps/RecipeView/RecipeView.vue b/vue/src/apps/RecipeView/RecipeView.vue
index 1caa0cb7c..09524911d 100644
--- a/vue/src/apps/RecipeView/RecipeView.vue
+++ b/vue/src/apps/RecipeView/RecipeView.vue
@@ -14,8 +14,7 @@
       <div class="row text-center">
         <div class="col col-md-12">
           <recipe-rating :recipe="recipe"></recipe-rating>
-          <br/>
-          <last-cooked :recipe="recipe"></last-cooked>
+          <last-cooked :recipe="recipe" class="mt-2"></last-cooked>
         </div>
       </div>
 
diff --git a/vue/src/components/LastCooked.vue b/vue/src/components/LastCooked.vue
index 84f8c73df..7aca4836d 100644
--- a/vue/src/components/LastCooked.vue
+++ b/vue/src/components/LastCooked.vue
@@ -1,9 +1,11 @@
 <template>
-  <span class="pl-1">
-  <b-badge pill variant="primary" v-if="recipe.last_cooked !== null" class="font-weight-normal"><i class="fas fa-utensils"></i> {{
-      formatDate(recipe.last_cooked)
-    }}</b-badge>
-  </span>
+  <div>
+    <span class="pl-1" v-if="recipe.last_cooked !== null">
+    <b-badge pill variant="primary" class="font-weight-normal"><i class="fas fa-utensils"></i> {{
+        formatDate(recipe.last_cooked)
+      }}</b-badge>
+    </span>
+  </div>
 </template>
 
 <script>
diff --git a/vue/src/components/MealPlanCard.vue b/vue/src/components/MealPlanCard.vue
index 053a2f5ee..43c8c8fde 100644
--- a/vue/src/components/MealPlanCard.vue
+++ b/vue/src/components/MealPlanCard.vue
@@ -19,12 +19,11 @@
         <div style="position: static;">
           <div class="dropdown b-dropdown position-static btn-group">
             <button aria-haspopup="true" aria-expanded="false" type="button"
-                    class="btn dropdown-toggle btn-link text-decoration-none text-body pr-1 dropdown-toggle-no-caret"
+                    class="btn btn-link text-decoration-none text-body pr-2 dropdown-toggle-no-caret"
                     @click.stop="$emit('open-context-menu', $event, value)"><i class="fas fa-ellipsis-v fa-lg"></i>
             </button>
           </div>
         </div>
-
       </a>
     </div>
     <div class="card-header p-1 text-center" v-if="detailed" :style="`background-color: ${background_color}`">
@@ -125,8 +124,4 @@ export default {
 .meal-plan-card {
   background-color: #fff;
 }
-
-.theme-default .cv-day.draghover {
-  box-shadow: inset 0 0 0.2em 0.2em grey;
-}
 </style>
\ No newline at end of file
diff --git a/vue/src/components/RecipeRating.vue b/vue/src/components/RecipeRating.vue
index 9871a474d..4b845d42b 100644
--- a/vue/src/components/RecipeRating.vue
+++ b/vue/src/components/RecipeRating.vue
@@ -1,6 +1,5 @@
 <template>
   <div>
-
     <span class="d-inline" v-if="recipe.rating > 0">
       <i class="fas fa-star fa-xs text-primary" v-for="i in Math.floor(recipe.rating)" v-bind:key="i"></i>
       <i class="fas fa-star-half-alt fa-xs text-primary" v-if="recipe.rating % 1 > 0"></i>