From 6d3fdfdcb5231497ff572458a4ee3314b4fd4a2e Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 3 Jun 2025 21:59:27 -0500
Subject: [PATCH] Full-bleed config layout on mobile

---
 src/admin/ClearCacheButton.tsx | 1 +
 src/components/Container.tsx   | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/admin/ClearCacheButton.tsx b/src/admin/ClearCacheButton.tsx
index 32d07050..8959fb46 100644
--- a/src/admin/ClearCacheButton.tsx
+++ b/src/admin/ClearCacheButton.tsx
@@ -12,6 +12,7 @@ export default function ClearCacheButton() {
     <form action={clearCacheAction}>
       <SubmitButtonWithStatus
         icon={<BiTrash size={16} />}
+        hideTextOnMobile={false}
         onFormSubmit={invalidateSwr}
       >
         Clear Cache
diff --git a/src/components/Container.tsx b/src/components/Container.tsx
index 1e8b95ac..5a6eeba2 100644
--- a/src/components/Container.tsx
+++ b/src/components/Container.tsx
@@ -66,6 +66,9 @@ export default function Container({
         'flex flex-col items-center justify-center',
         'rounded-lg',
         ...getColorClasses(),
+        // Full-bleed on mobile
+        'max-sm:border-l-0 max-sm:border-r-0 max-sm:rounded-none',
+        'max-sm:-mx-3 max-sm:px-3.5',
         getPaddingClasses(),
         className,
       )}