From 43141d19f5cc4fb41a54e1748b34b056df3309d7 Mon Sep 17 00:00:00 2001
From: root <root@claude.local>
Date: Mon, 19 Jan 2026 17:22:34 +0000
Subject: [PATCH] fix: Group edit and delete buttons together in BatteryCard
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wrap edit and delete buttons in a flex container so they appear
next to each other instead of spread apart.

🤖 Generated with [Qoder][https://qoder.com]
---
 src/components/battery/BatteryCard.tsx | 34 ++++++++++++++------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/battery/BatteryCard.tsx b/src/components/battery/BatteryCard.tsx
index effcc8d..8ea5e3c 100644
--- a/src/components/battery/BatteryCard.tsx
+++ b/src/components/battery/BatteryCard.tsx
@@ -150,22 +150,24 @@ export function BatteryCard({ battery, devices }: BatteryCardProps) {
             </h3>
             <p className="text-sm text-slate-500">Total: {total} batteries</p>
           </div>
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => setShowEditModal(true)}
-            className="text-slate-400 hover:text-slate-600"
-          >
-            <Pencil className="w-4 h-4" />
-          </Button>
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={() => setActionModal('delete')}
-            className="text-slate-400 hover:text-red-600"
-          >
-            <Trash2 className="w-4 h-4" />
-          </Button>
+          <div className="flex gap-1">
+            <Button
+              variant="ghost"
+              size="sm"
+              onClick={() => setShowEditModal(true)}
+              className="text-slate-400 hover:text-slate-600"
+            >
+              <Pencil className="w-4 h-4" />
+            </Button>
+            <Button
+              variant="ghost"
+              size="sm"
+              onClick={() => setActionModal('delete')}
+              className="text-slate-400 hover:text-red-600"
+            >
+              <Trash2 className="w-4 h-4" />
+            </Button>
+          </div>
         </div>
 
         <div className="flex flex-wrap gap-2 mb-4">