From 3a4222c6c1152e354ee70abd4e260ddceac77c69 Mon Sep 17 00:00:00 2001
From: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
Date: Fri, 20 Jun 2025 11:59:13 +0200
Subject: [PATCH] fix: shopping list button in one row (#5547)

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