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({
677677 }
678678
679679 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">
681681 {driverOption?.badgeLabel ? (
682682 <Badge variant="warning" size="sm" className="shrink-0">
683683 {driverOption.badgeLabel}
......@@ -695,7 +695,7 @@ export function ProviderInstanceCard({
695695 render={
696696 <Button
697697 type="button"
698 size="icon-micro"
698 size="icon-xs"
699699 variant="ghost"
700700 className={cn(
701701 "[--control-icon-color:currentColor]",
......@@ -705,7 +705,7 @@ export function ProviderInstanceCard({
705705 )}
706706 aria-label="Update available — view details"
707707 >
708 <ArrowUpCircleIcon className="size-3.5" />
708 <ArrowUpCircleIcon />
709709 </Button>
710710 }
711711 />
......@@ -784,14 +784,14 @@ export function ProviderInstanceCard({
784784 {onDelete ? (
785785 <Button
786786 type="button"
787 size="icon-micro"
787 size="icon-xs"
788788 variant="ghost-muted"
789789 disabled={readOnly}
790790 className="[--control-icon-color:currentColor] hover:text-destructive"
791791 onClick={onDelete}
792792 aria-label={`Delete instance ${instanceId}`}
793793 >
794 <Trash2Icon className="size-3" />
794 <Trash2Icon />
795795 </Button>
796796 ) : null}
797797 </span>