From 8c1eb824e7e9349930433dc3d7694a4b1bf21157 Mon Sep 17 00:00:00 2001
From: balzack <roland.osborne@gmail.com>
Date: Tue, 12 Sep 2023 22:52:45 -0700
Subject: [PATCH] adjusting modal layout

---
 app/mobile/src/session/settings/Settings.jsx  | 32 +++++++++----------
 .../src/session/settings/Settings.styled.js   |  8 ++---
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/app/mobile/src/session/settings/Settings.jsx b/app/mobile/src/session/settings/Settings.jsx
index 884024c5..b2a1c9ee 100644
--- a/app/mobile/src/session/settings/Settings.jsx
+++ b/app/mobile/src/session/settings/Settings.jsx
@@ -383,23 +383,21 @@ export function Settings() {
                     onChangeText={actions.setSealPassword}
                   />
 
-                  <View style={styles.buttons}>
-                    { state.sealPassword && (
-                      <TouchableOpacity style={styles.enabledButton} activeOpacity={1} onPress={() => sealAction(actions.unlockKey)}>
-                        { busy && (
-                          <ActivityIndicator style={styles.modalBusy} animating={true} color={Colors.primaryButtonText} />
-                        )}
-                        { !busy && (
-                          <Text style={styles.enabledButtonText}>{ state.strings.unlock }</Text>
-                        )}
-                      </TouchableOpacity>
-                    )}
-                    { !state.sealPassword && (
-                      <View style={styles.disabledButton}>
-                        <Text style={styles.disabledButtonText}>{ state.strings.unlock }</Text>
-                      </View>
-                    )}
-                  </View>
+                  { state.sealPassword && (
+                    <TouchableOpacity style={styles.enabledButton} activeOpacity={1} onPress={() => sealAction(actions.unlockKey)}>
+                      { busy && (
+                        <ActivityIndicator style={styles.modalBusy} animating={true} color={Colors.primaryButtonText} />
+                      )}
+                      { !busy && (
+                        <Text style={styles.enabledButtonText}>{ state.strings.unlock }</Text>
+                      )}
+                    </TouchableOpacity>
+                  )}
+                  { !state.sealPassword && (
+                    <View style={styles.disabledButton}>
+                      <Text style={styles.disabledButtonText}>{ state.strings.unlock }</Text>
+                    </View>
+                  )}
                   <TouchableOpacity activeOpacity={1} onPress={actions.showSealRemove}>
                     <Text style={styles.dangerText}>{ state.strings.removeSeal }</Text>
                   </TouchableOpacity>
diff --git a/app/mobile/src/session/settings/Settings.styled.js b/app/mobile/src/session/settings/Settings.styled.js
index 649b2c75..799381f4 100644
--- a/app/mobile/src/session/settings/Settings.styled.js
+++ b/app/mobile/src/session/settings/Settings.styled.js
@@ -192,7 +192,7 @@ export const styles = StyleSheet.create({
     right: 16,
   },
   enabledButton: {
-    marginTop: 8,
+    marginTop: 24,
     marginBottom: 16,
     borderRadius: 4,
     backgroundColor: Colors.primaryButton,
@@ -207,7 +207,7 @@ export const styles = StyleSheet.create({
     fontFamily: 'Roboto',
   },
   disabledButton: {
-    marginTop: 8,
+    marginTop: 24,
     marginBottom: 16,
     borderRadius: 4,
     backgroundColor: Colors.disabledButton,
@@ -222,7 +222,7 @@ export const styles = StyleSheet.create({
     fontFamily: 'Roboto',
   },
   dangerButton: {
-    marginTop: 8,
+    marginTop: 24,
     marginBottom: 16,
     borderRadius: 4,
     backgroundColor: Colors.dangerButton,
@@ -253,7 +253,7 @@ export const styles = StyleSheet.create({
     fontFamily: 'Roboto',
   },
   cancelButton: {
-    marginTop: 8,
+    marginTop: 24,
     marginBottom: 16,
     marginRight: 16,
     borderRadius: 4,