Make AlertBox with icon thinner without spreading out multiline alerts

This reverts commit 3a0faf7 and re-implements it so multiline alerts like /create-wallet on a phone are not stretched out.
oasisprotocol · May 9, 2023 · 827ae5d · 827ae5d
1 parent 54cb396
commit 827ae5d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/app/components/AlertBox/index.tsx b/src/app/components/AlertBox/index.tsx
@@ -49,12 +49,12 @@ export function AlertBox(props: Props) {
       background={{ color: mapStatus[props.status].background }}
       pad={{ horizontal: 'small' }}
     >
-      <Text weight="bold" size="12px" style={{ lineHeight: '34px' }}>
-        <Box direction="row" gap="small" align="center" justify={props.center ? 'center' : 'start'}>
-          {props.icon && <Text color={color}>{props.icon}</Text>}
-          <span>{props.children}</span>
-        </Box>
-      </Text>
+      <Box direction="row" gap="small" align="center" justify={props.center ? 'center' : 'start'}>
+        {props.icon && <Text color={color}>{props.icon}</Text>}
+        <Text weight="bold" size="12px" style={{ marginTop: 10, marginBottom: 10 }}>
+          {props.children}
+        </Text>
+      </Box>
     </Box>
   )
 }