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:
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user