diff options
Diffstat (limited to 'src/view/com/auth/util/HelpTip.tsx')
-rw-r--r-- | src/view/com/auth/util/HelpTip.tsx | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/view/com/auth/util/HelpTip.tsx b/src/view/com/auth/util/HelpTip.tsx index 3ea4437df..65f7278d6 100644 --- a/src/view/com/auth/util/HelpTip.tsx +++ b/src/view/com/auth/util/HelpTip.tsx @@ -13,8 +13,10 @@ export function HelpTip({text}: {text: string}) { const fg = useColorSchemeStyle({color: colors.gray5}, {color: colors.gray4}) return ( <View style={[styles.helptip, bg]}> - <InfoCircleIcon size={18} style={fg} strokeWidth={1.5} /> - <Text type="xs-medium" style={[fg, s.ml5]}> + <View style={styles.icon}> + <InfoCircleIcon size={18} style={fg} strokeWidth={1.5} /> + </View> + <Text type="xs-medium" style={[fg, s.ml5, s.flex1]}> {text} </Text> </View> @@ -22,9 +24,12 @@ export function HelpTip({text}: {text: string}) { } const styles = StyleSheet.create({ + icon: { + width: 18, + }, helptip: { flexDirection: 'row', - alignItems: 'center', + alignItems: 'flex-start', borderRadius: 6, paddingHorizontal: 10, paddingVertical: 8, |