feat: align validator name and its icons

2023-10-19 08:28:08 +03:00 · 2023-10-19 08:28:08 +03:00 · 2a81f11c59
parent e1ce8983dd
commit 2a81f11c59
1 changed files with 5 additions and 3 deletions
--- a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.tsx
+++ b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.tsx
@ -58,11 +58,13 @@ const ValidatorListItem = ({
          ]}
        />
        <YStack pl="8px">
-          <Text size={13} weight={'semibold'}>
-            {name}
+          <XStack space={'$2'} alignItems="center">
+            <Text size={13} weight={'semibold'}>
+              {name}
+            </Text>
            {isVerified && <VerifiedIcon size={20} />}
            {isAvatarChipIncluded && <ContactIcon size={20} />}
-          </Text>
+          </XStack>
          <Text size={13}>{getFormattedValidatorAddress(validatorAddress)}</Text>
        </YStack>
      </XStack>