From b1e2219391668211524d75abfb199ec884ee78cb Mon Sep 17 00:00:00 2001
From: "Nemo (Claude Code)" <nemo@juankibin.space>
Date: Tue, 31 Mar 2026 13:14:08 +0000
Subject: [PATCH] fix: Settings Areas & Zones button spacing (FIBEROPS-59)

---
 app/(app)/settings/page.tsx | 34 ++++++++++++++--------------------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/app/(app)/settings/page.tsx b/app/(app)/settings/page.tsx
index fbba657..d8fd9ce 100644
--- a/app/(app)/settings/page.tsx
+++ b/app/(app)/settings/page.tsx
@@ -285,16 +285,14 @@ function AreasSettings() {
     <div className="space-y-4">
       <Card>
         <CardHeader>
-          <div className="flex items-center justify-between">
-            <CardTitle>Areas & Zones</CardTitle>
-            <div className="flex gap-2">
-              <Button size="sm" variant="outline" onClick={() => setShowAddArea(true)}>
-                + Area
-              </Button>
-              <Button size="sm" variant="outline" onClick={() => setShowAddZone(true)}>
-                + Zone
-              </Button>
-            </div>
+          <CardTitle>Areas & Zones</CardTitle>
+          <div className="flex gap-2">
+            <Button size="sm" variant="outline" onClick={() => setShowAddArea(true)}>
+              + Area
+            </Button>
+            <Button size="sm" variant="outline" onClick={() => setShowAddZone(true)}>
+              + Zone
+            </Button>
           </div>
         </CardHeader>
         <CardContent className="p-0">
@@ -489,12 +487,10 @@ function PlansSettings() {
     <div className="space-y-4">
       <Card>
         <CardHeader>
-          <div className="flex items-center justify-between">
-            <CardTitle>Plans</CardTitle>
-            <Button size="sm" onClick={() => setShowAdd(true)}>
-              + Add Plan
-            </Button>
-          </div>
+          <CardTitle>Plans</CardTitle>
+          <Button size="sm" onClick={() => setShowAdd(true)}>
+            + Add Plan
+          </Button>
         </CardHeader>
         <CardContent className="p-0">
           <Table>
@@ -681,10 +677,8 @@ function UsersSettings() {
     <div className="space-y-4">
       <Card>
         <CardHeader>
-          <div className="flex items-center justify-between">
-            <CardTitle>Users ({users.length})</CardTitle>
-            <Button size="sm" onClick={() => setShowAdd(true)}>+ Add User</Button>
-          </div>
+          <CardTitle>Users ({users.length})</CardTitle>
+          <Button size="sm" onClick={() => setShowAdd(true)}>+ Add User</Button>
         </CardHeader>
         <CardContent className="p-0">
           <Table>