improved style

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;

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>

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