authorgravatar for 136640686+MatthewFeroz@users.noreply.github.comMatthew Feroz <136640686+MatthewFeroz@users.noreply.github.com> 2026-09-05 18:57:25-04:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-06 04:27:25+05:30
log3be90ced4462f3943b198c10eba55d32563b87b0
tree9b4605c795cedc3a42c5527985e83ca6c96e81bb
parent54441e63d824d4df11d031fc4811d1af9077e67f
signature Signed by PGP key B5690EEEBB952194

fix(web): align provider header action sizes and spacing (#9890)

1 files changed, 5 insertions(+), 5 deletions(-)

apps/web/src/components/settings/ProviderInstanceCard.tsx+5-5
...@@ -677,7 +677,7 @@ export function ProviderInstanceCard({...@@ -677,7 +677,7 @@ export function ProviderInstanceCard({
677 }677 }
678678
679 const editorHeaderAction = (679 const editorHeaderAction = (
680 <div className="flex min-w-0 items-center gap-1.5">680 <div className="flex shrink-0 items-center gap-1.5">
681 {driverOption?.badgeLabel ? (681 {driverOption?.badgeLabel ? (
682 <Badge variant="warning" size="sm" className="shrink-0">682 <Badge variant="warning" size="sm" className="shrink-0">
683 {driverOption.badgeLabel}683 {driverOption.badgeLabel}
...@@ -695,7 +695,7 @@ export function ProviderInstanceCard({...@@ -695,7 +695,7 @@ export function ProviderInstanceCard({
695 render={695 render={
696 <Button696 <Button
697 type="button"697 type="button"
698 size="icon-micro"698 size="icon-xs"
699 variant="ghost"699 variant="ghost"
700 className={cn(700 className={cn(
701 "[--control-icon-color:currentColor]",701 "[--control-icon-color:currentColor]",
...@@ -705,7 +705,7 @@ export function ProviderInstanceCard({...@@ -705,7 +705,7 @@ export function ProviderInstanceCard({
705 )}705 )}
706 aria-label="Update available — view details"706 aria-label="Update available — view details"
707 >707 >
708 <ArrowUpCircleIcon className="size-3.5" />708 <ArrowUpCircleIcon />
709 </Button>709 </Button>
710 }710 }
711 />711 />
...@@ -784,14 +784,14 @@ export function ProviderInstanceCard({...@@ -784,14 +784,14 @@ export function ProviderInstanceCard({
784 {onDelete ? (784 {onDelete ? (
785 <Button785 <Button
786 type="button"786 type="button"
787 size="icon-micro"787 size="icon-xs"
788 variant="ghost-muted"788 variant="ghost-muted"
789 disabled={readOnly}789 disabled={readOnly}
790 className="[--control-icon-color:currentColor] hover:text-destructive"790 className="[--control-icon-color:currentColor] hover:text-destructive"
791 onClick={onDelete}791 onClick={onDelete}
792 aria-label={`Delete instance ${instanceId}`}792 aria-label={`Delete instance ${instanceId}`}
793 >793 >
794 <Trash2Icon className="size-3" />794 <Trash2Icon />
795 </Button>795 </Button>
796 ) : null}796 ) : null}
797 </span>797 </span>