From e469ebf35e2fb571bca1a462fcba61f5845134dd Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Sat, 16 Aug 2025 13:02:15 +0200
Subject: [PATCH] SLE border + no append to body for SL model input

---
 vue3/src/components/display/ShoppingLineItem.vue      | 2 +-
 vue3/src/components/inputs/ShoppingListEntryInput.vue | 4 ----
 vue3/src/components/model_editors/MealPlanEditor.vue  | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/vue3/src/components/display/ShoppingLineItem.vue b/vue3/src/components/display/ShoppingLineItem.vue
index 3c05d4403..188c316a5 100644
--- a/vue3/src/components/display/ShoppingLineItem.vue
+++ b/vue3/src/components/display/ShoppingLineItem.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-list-item class="swipe-container" :id="itemContainerId" @touchend="handleSwipe()"
+    <v-list-item class="swipe-container border-t-sm" :id="itemContainerId" @touchend="handleSwipe()"
                  v-if="isShoppingListFoodVisible(props.shoppingListFood, useUserPreferenceStore().deviceSettings)"
     >
         <!--        <div class="swipe-action" :class="{'bg-success': !isChecked , 'bg-warning': isChecked }">-->
diff --git a/vue3/src/components/inputs/ShoppingListEntryInput.vue b/vue3/src/components/inputs/ShoppingListEntryInput.vue
index 1c01c1dd8..7eb1fd3ea 100644
--- a/vue3/src/components/inputs/ShoppingListEntryInput.vue
+++ b/vue3/src/components/inputs/ShoppingListEntryInput.vue
@@ -23,7 +23,6 @@
         valueProp="id"
         label="name"
         :delay="300"
-        append-to-body
         :searchable="true"
         :strict="false"
         :classes="{
@@ -68,9 +67,7 @@ function addIngredient(amount: number, unit: Unit|null, food: Food|null) {
         food: food,
     } as ShoppingListEntry
 
-    console.log('adding SLR ? ', props.mealPlan)
     if (props.mealPlan) {
-        console.log('yes')
         sle.mealplanId = props.mealPlan.id
     }
 
@@ -134,7 +131,6 @@ function search(query: string) {
 
 </script>
 
-
 <style src="@vueform/multiselect/themes/default.css"></style>
 <!-- style can't be scoped (for whatever reason) -->
 <style>
diff --git a/vue3/src/components/model_editors/MealPlanEditor.vue b/vue3/src/components/model_editors/MealPlanEditor.vue
index 60bf271d4..70f9b80b3 100644
--- a/vue3/src/components/model_editors/MealPlanEditor.vue
+++ b/vue3/src/components/model_editors/MealPlanEditor.vue
@@ -78,7 +78,7 @@
                 <v-tabs-window-item value="shopping">
                     <closable-help-alert class="mb-2" :text="$t('MealPlanShoppingHelp')"></closable-help-alert>
 
-                    <v-row v-if="isUpdate()" dense style="max-height: 75vh" class="overflow-y-scroll">
+                    <v-row v-if="isUpdate()" dense style="max-height: 75vh; min-height: 30vh" class="overflow-y-scroll">
                         <v-col>
                             <shopping-list-entry-input :loading="useShoppingStore().currentlyUpdating" :meal-plan="editingObj"></shopping-list-entry-input>
                             <v-list v-if="editingObj.id">