From e626292b0429ae22c619b8c88b0c8e2ad485d06f Mon Sep 17 00:00:00 2001
From: SJCoetz <s.coetzee6@my.milpark.ac.za>
Date: Sun, 26 Jul 2026 23:56:23 +0200
Subject: [PATCH] style(quotes): tighter tab gap; header buttons always inline
 + dev: whitelist 192.168.1.42

quotes/page.tsx
- Reduce inter-tab gap from gap-1 (4px) to gap-0.5 (2px) so the
  pill strip reads as one cohesive filter row instead of a row of
  loose badges.
- Drop `flex flex-col sm:flex-row items-start sm:items-center` on
  the page header in favour of `flex flex-row flex-wrap
  items-center`. On mobile widths (375px tested), the Approvals
  and "+" buttons now stay inline with the "Quotes" title instead
  of dropping below it.

next.config.ts
- Add 192.168.1.42 to allowedDevOrigins. The dev server was
  warning when the user hit the app from a LAN host (their iPad,
  visible in ps as `192.168.1.42:newoak->ipad.home:55199`). Now
  whitelisted explicitly alongside the existing 192.168.1.122 /
  192.168.1.128 entries.
---
 next.config.ts                | 24 ++++++++++++------------
 src/app/(app)/quotes/page.tsx |  4 ++--
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index 6194e6f..09f7b97 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,12 +1,12 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  output: "standalone",
-  // Dev server blocks cross-origin HMR requests by default in Next 16. The
-  // app is normally loaded on `localhost`, but we also load it on
-  // `127.0.0.1` (and on the LAN IP for phone testing). Listing both keeps
-  // the HMR client from hanging on the first load.
-  allowedDevOrigins: ["127.0.0.1", "localhost", "192.168.1.122", "192.168.1.128", "*"],
-};
-
-export default nextConfig;
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "standalone",
+  // Dev server blocks cross-origin HMR requests by default in Next 16. The
+  // app is normally loaded on `localhost`, but we also load it on
+  // `127.0.0.1` (and on the LAN IP for phone testing). Listing both keeps
+  // the HMR client from hanging on the first load.
+  allowedDevOrigins: ["127.0.0.1", "localhost", "192.168.1.42", "192.168.1.122", "192.168.1.128", "*"],
+};
+
+export default nextConfig;
diff --git a/src/app/(app)/quotes/page.tsx b/src/app/(app)/quotes/page.tsx
index 466a7a6..c4bb237 100644
--- a/src/app/(app)/quotes/page.tsx
+++ b/src/app/(app)/quotes/page.tsx
@@ -346,7 +346,7 @@ export default function QuotesPage() {
 
   return (
     <div className="space-y-6">
-      <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3">
+      <div className="flex flex-row flex-wrap items-center justify-between gap-3">
         <div>
           <h1 className="text-2xl font-bold tracking-tight">Quotes</h1>
           <p className="text-muted-foreground text-sm sm:text-base">Manage quote requests</p>
@@ -364,7 +364,7 @@ export default function QuotesPage() {
       </div>
 
       <Tabs value={activeTab} onValueChange={(v) => { setActiveTab(v); setPage(1); }}>
-        <TabsList className="flex flex-wrap h-auto min-h-fit w-full items-start justify-start gap-1 bg-transparent p-0 pb-4">
+        <TabsList className="flex flex-wrap h-auto min-h-fit w-full items-start justify-start gap-0.5 bg-transparent p-0 pb-4">
           {TAB_ORDER.map((tab) => (
             <TabsTrigger
               key={tab.key}