From 8abef1d8ccad098dea82a4b9179619f828f2a1bb Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Fri, 24 Feb 2023 20:35:54 +0100
Subject: [PATCH] improved style

---
 cookbook/static/css/app.min.css                    | 10 ++++++++++
 vue/src/apps/MealPlanView/MealPlanView.vue         |  4 ++--
 vue/src/apps/RecipeSearchView/RecipeSearchView.vue |  9 ---------
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/cookbook/static/css/app.min.css b/cookbook/static/css/app.min.css
index 2167eb22d..f0b66ff49 100644
--- a/cookbook/static/css/app.min.css
+++ b/cookbook/static/css/app.min.css
@@ -2,6 +2,16 @@
     height: 40px;
 }
 
+.two-row-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2; /* number of lines to show */
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+
 @media (max-width: 991.98px) {
     .menu-dropdown-text {
         font-size: 14px;
diff --git a/vue/src/apps/MealPlanView/MealPlanView.vue b/vue/src/apps/MealPlanView/MealPlanView.vue
index 54b572721..634a80000 100644
--- a/vue/src/apps/MealPlanView/MealPlanView.vue
+++ b/vue/src/apps/MealPlanView/MealPlanView.vue
@@ -60,7 +60,7 @@
                                     <b-button-group class="mx-1">
                                         <b-button @click="setShowDate($refs.header.headerProps.currentPeriod)"><i
                                             class="fas fa-home"></i></b-button>
-                                        <b-form-datepicker button-only button-variant="secondary" @context="datePickerChanged"></b-form-datepicker>
+                                        <b-form-datepicker right button-only button-variant="secondary" @context="datePickerChanged"></b-form-datepicker>
                                     </b-button-group>
                                     <b-button-group class="mx-1">
                                         <b-button v-html="'>>'" class="p-2 pr-3 pl-3"
@@ -96,7 +96,7 @@
                                                     <span class="two-row-text">
                                                         <a :href="resolveDjangoUrl('view_recipe', plan.entry.recipe.id)" v-if="plan.entry.recipe">{{ plan.entry.recipe.name }}</a>
                                                         <span v-else>{{ plan.entry.title }}</span>
-                                                    </span><br/>
+                                                    </span>
                                                 <span v-if="plan.entry.note">
                                                     <small>{{ plan.entry.note }}</small> <br/>
                                                 </span>
diff --git a/vue/src/apps/RecipeSearchView/RecipeSearchView.vue b/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
index dcdf99c09..1088fd7f5 100644
--- a/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
+++ b/vue/src/apps/RecipeSearchView/RecipeSearchView.vue
@@ -1690,15 +1690,6 @@ export default {
     width: 30px;
 }
 
-.two-row-text {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2; /* number of lines to show */
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
 .hover-button {
     display: none;
 }