SeedRecovery: fix uneven columns and margins

ZeusLN · Oct 21, 2024 · 43be31c · 43be31c
1 parent 71ade03
commit 43be31c
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/views/Settings/SeedRecovery.tsx b/views/Settings/SeedRecovery.tsx
@@ -391,9 +391,10 @@ export default class SeedRecovery extends React.PureComponent<
                         padding: 8,
                         backgroundColor: themeColor('secondary'),
                         borderRadius: 5,
-                        margin: 6,
                         marginTop: 4,
                         marginBottom: 4,
+                        marginLeft: index > 11 ? 0 : 6,
+                        marginRight: 6,
                         flexDirection: 'row',
                         maxHeight:
                             index ===
@@ -612,12 +613,7 @@ export default class SeedRecovery extends React.PureComponent<
                                         flexDirection: 'row'
                                     }}
                                 >
-                                    <View
-                                        style={{
-                                            ...styles.column,
-                                            flexDirection: 'row'
-                                        }}
-                                    >
+                                    <View style={styles.column}>
                                         {[
                                             0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11
                                         ].map((index: number) => {
@@ -849,7 +845,7 @@ const styles = StyleSheet.create({
         flexWrap: 'wrap',
         alignItems: 'flex-start',
         alignSelf: 'center',
-        flexDirection: 'column',
+        flexDirection: 'row',
         width: '50%'
     },
     columnSuggestion: {