diff options
| author | Oliver <oliver@mohlin.dev> | 2025-04-17 16:17:55 +0200 |
|---|---|---|
| committer | Sebastian Holmin <sebastian.holmin@mullvad.net> | 2025-05-28 13:25:31 +0200 |
| commit | 85c878a79c2915485cc726f0b66952adfbd2ffbc (patch) | |
| tree | 7372f2e8b783124479d28c434c5738f25b5df7a0 | |
| parent | 49c274332191c5aece126abc170910a34c78da38 (diff) | |
| download | mullvadvpn-85c878a79c2915485cc726f0b66952adfbd2ffbc.tar.xz mullvadvpn-85c878a79c2915485cc726f0b66952adfbd2ffbc.zip | |
Adjust spacing between visual element and label
4 files changed, 4 insertions, 4 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/installer-ready/InstallerReady.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/installer-ready/InstallerReady.tsx index 31b6f83a90..928148bdfa 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/installer-ready/InstallerReady.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/installer-ready/InstallerReady.tsx @@ -4,7 +4,7 @@ import { Colors } from '../../../../../../../lib/foundations'; export function InstallerReady() { return ( - <Flex $gap="small"> + <Flex $gap="tiny" $alignItems="center"> <Icon icon="checkmark" color={Colors.green} size="small" /> <LabelTiny> { diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/starting-installer/StartingInstaller.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/starting-installer/StartingInstaller.tsx index 6ebaf95537..201fbe055e 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/starting-installer/StartingInstaller.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/starting-installer/StartingInstaller.tsx @@ -4,7 +4,7 @@ import { Colors } from '../../../../../../../lib/foundations'; export function StartingInstaller() { return ( - <Flex $gap="small"> + <Flex $gap="tiny" $alignItems="center"> <Icon icon="checkmark" color={Colors.green} size="small" /> <LabelTiny> { diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/upgrade-error/UpgradeError.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/upgrade-error/UpgradeError.tsx index 85e3c7bf8e..08aa409580 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/upgrade-error/UpgradeError.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/upgrade-error/UpgradeError.tsx @@ -6,7 +6,7 @@ export function UpgradeError() { const message = useMessage(); return ( - <Flex $gap="small" $flexDirection="row"> + <Flex $gap="tiny" $flexDirection="row"> <div> <Icon size="small" icon="alert-circle" color={Colors.red} /> </div> diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/verifying-installer/VerifyingInstaller.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/verifying-installer/VerifyingInstaller.tsx index b2ed866f05..bcf2015372 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/verifying-installer/VerifyingInstaller.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/upgrade-label/components/verifying-installer/VerifyingInstaller.tsx @@ -3,7 +3,7 @@ import { Flex, LabelTiny, Spinner } from '../../../../../../../lib/components'; export function VerifyingInstaller() { return ( - <Flex $gap="small"> + <Flex $gap="tiny" $alignItems="center"> <Spinner size="small" /> <LabelTiny> { |