From 69dfa0186a704c964c22e1f50c9adf0acc085727 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Fri, 20 Jun 2025 02:09:37 +0000
Subject: [PATCH] fix shopping list back button on small screens

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

diff --git a/frontend/pages/shopping-lists/[id].vue b/frontend/pages/shopping-lists/[id].vue
index e2ba88379..e03d14d03 100644
--- a/frontend/pages/shopping-lists/[id].vue
+++ b/frontend/pages/shopping-lists/[id].vue
@@ -41,7 +41,9 @@
         <v-container>
           <v-row>
             <v-col
-              cols="3"
+              cols="12"
+              sm="4"
+              md="3"
               class="text-left"
             >
               <ButtonLink
@@ -51,8 +53,10 @@
               />
             </v-col>
             <v-col
-              cols="6"
-              class="d-none d-lg-flex justify-center"
+              cols="12"
+              sm="4"
+              md="6"
+              class="d-none d-sm-flex justify-center"
             >
               <v-img
                 max-height="100"