From 28900b89209f68f6e74fdf6b76abf7c0226b96d2 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Fri, 24 Oct 2025 23:28:35 +0800
Subject: [PATCH] fix: align edit mode buttons with provider title

- Change flex container alignment from items-start to items-center
- Add gap-2 spacing between button container and title container
- Ensures all elements are vertically centered on the same baseline
- Fixes visual misalignment where buttons appeared higher than title
- Improves overall visual consistency and modern UI standards

This ensures the drag handle and duplicate buttons align perfectly
with the provider name text when in edit mode.
---
 src/components/providers/ProviderCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/providers/ProviderCard.tsx b/src/components/providers/ProviderCard.tsx
index 8d24cc7..7d753ba 100644
--- a/src/components/providers/ProviderCard.tsx
+++ b/src/components/providers/ProviderCard.tsx
@@ -103,7 +103,7 @@ export function ProviderCard({
       )}
     >
       <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-        <div className="flex flex-1 items-start">
+        <div className="flex flex-1 items-center gap-2">
           <div
             className={cn(
               "flex items-center gap-1 overflow-hidden",