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.
This commit is contained in:
Jason
2025-10-24 23:28:35 +08:00
parent c2517571f5
commit 28900b8920

View File

@@ -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",