From d187fbc0f4c363b1946808b45bfd5f3c6ef40caf Mon Sep 17 00:00:00 2001
From: Angel Beltran <beltranbeaverdam@gmail.com>
Date: Wed, 4 Feb 2026 23:44:08 -0700
Subject: [PATCH] mock shop page now more mobile friendly

---
 styles/index.css                                       | 10 ++++++++++
 .../{platform}/shops/mocks/{shopID}/index.html.tmpl    |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/styles/index.css b/styles/index.css
index 886859d..024b15f 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -799,6 +799,16 @@
       padding-block: calc(8vw - 0.5em);
     }
   }
+  .sm\:grid-cols-\[1fr_1fr\] {
+    @media (width >= 40rem) {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+  .md\:grid-cols-\[1fr_1fr\] {
+    @media (width >= 48rem) {
+      grid-template-columns: 1fr 1fr;
+    }
+  }
   .dark\:invert {
     @media (prefers-color-scheme: dark) {
       --tw-invert: invert(100%);
diff --git a/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl b/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl
index cea1164..1566cd0 100644
--- a/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl
+++ b/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl
@@ -27,7 +27,7 @@
 		</h3>
 	</header>
 
-	<div class="grid grid-cols-[1fr_1fr] gap-[1em] p-[1em]">
+	<div class="grid md:grid-cols-[1fr_1fr] gap-[1em] p-[1em]">
 		<form
 			id="edit-listing-form"
 			hx-post={{ printf "/api/accounts/%d/platforms/amazon/shops/mocks/%s/listings" $acctID $shopID }}