From ac605a27541d4ce2ea93df7719c3e65d7927f29c Mon Sep 17 00:00:00 2001
From: Kuchenpirat <jojow@gmx.net>
Date: Fri, 20 Jun 2025 09:48:09 +0000
Subject: [PATCH] fix shopping list button in one row

---
 frontend/pages/shopping-lists/[id].vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/pages/shopping-lists/[id].vue b/frontend/pages/shopping-lists/[id].vue
index e03d14d03..293c4b08d 100644
--- a/frontend/pages/shopping-lists/[id].vue
+++ b/frontend/pages/shopping-lists/[id].vue
@@ -41,9 +41,6 @@
         <v-container>
           <v-row>
             <v-col
-              cols="12"
-              sm="4"
-              md="3"
               class="text-left"
             >
               <ButtonLink
@@ -53,9 +50,8 @@
               />
             </v-col>
             <v-col
-              cols="12"
-              sm="4"
-              md="6"
+              v-if="mdAndUp"
+              cols="6"
               class="d-none d-sm-flex justify-center"
             >
               <v-img
@@ -438,6 +434,7 @@ export default defineNuxtComponent({
   },
   // middleware: "sidebase-auth",
   setup() {
+    const { mdAndUp } = useDisplay();
     const i18n = useI18n();
     const $auth = useMealieAuth();
     const preferences = useShoppingListPreferences();
@@ -1255,6 +1252,7 @@ export default defineNuxtComponent({
       allFoods,
       getTextColor,
       isOffline,
+      mdAndUp,
     };
   },
 });