From 17fe2125a5181e06c03731588f89442e8a72f857 Mon Sep 17 00:00:00 2001
From: root <root@whpoejrmfc.local>
Date: Thu, 18 Jun 2026 18:35:42 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20replace=20Button=20with=20native=20butto?=
 =?UTF-8?q?n=20for=20mobile=20cards=20=E2=80=94=20proper=20left-align?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Button component forces inline-flex items-center justify-center rounded-full
which was overriding all alignment. Switched to native <button> with
flex flex-col items-start justify-start. SW v8→v9.
---
 public/service-worker.js              | 4 ++--
 src/components/orders/OrdersTable.jsx | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/service-worker.js b/public/service-worker.js
index dcbb6ae..d6f2361 100644
--- a/public/service-worker.js
+++ b/public/service-worker.js
@@ -1,8 +1,8 @@
 const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
 
 if (!isLocalhost) {
-  const STATIC_CACHE = "construction-delivery-static-v8";
-  const RUNTIME_CACHE = "construction-delivery-runtime-v8";
+  const STATIC_CACHE = "construction-delivery-static-v9";
+  const RUNTIME_CACHE = "construction-delivery-runtime-v9";
   const APP_SHELL_URLS = ["/", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"];
 
   self.addEventListener("install", (event) => {
diff --git a/src/components/orders/OrdersTable.jsx b/src/components/orders/OrdersTable.jsx
index 5e69805..107d03b 100644
--- a/src/components/orders/OrdersTable.jsx
+++ b/src/components/orders/OrdersTable.jsx
@@ -127,11 +127,11 @@ export const OrdersTable = ({
             : "border-[var(--color-border)] bg-[var(--color-surface-strong)]";
 
           return (
-            <Button
+            <button
               key={group.id}
-              variant="ghost"
+              type="button"
               onClick={() => onOpenOrder(group.id)}
-              className={[baseClass, selectedClass, "!flex !text-left !items-start !justify-start"].join(" ")}
+              className={[baseClass, selectedClass, "flex flex-col items-start justify-start p-4"].join(" ")}
             >
               <div className="space-y-1">
                 <div className="grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3">
@@ -165,7 +165,7 @@ export const OrdersTable = ({
                   )}
                 </div>
               )}
-            </Button>
+            </button>
           );
         })}
       </div>