From 5bb8751bc1d7d279ac1bbcf3a8ecb74af96ca59f Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Wed, 16 Nov 2022 14:28:33 -0600
Subject: Fix input positioning for small screens

---
 src/view/com/modals/CreateScene.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

(limited to 'src/view/com/modals/CreateScene.tsx')

diff --git a/src/view/com/modals/CreateScene.tsx b/src/view/com/modals/CreateScene.tsx
index 9c4cdc5da..3fb3ab6f8 100644
--- a/src/view/com/modals/CreateScene.tsx
+++ b/src/view/com/modals/CreateScene.tsx
@@ -92,15 +92,18 @@ export function Component({}: {}) {
       setIsProcessing(false)
     }
   }
+  const onPressCancel = () => {
+    store.shell.closeModal()
+  }
 
   return (
     <View style={styles.outer}>
-      <Text style={styles.title}>Create a scene</Text>
-      <Text style={styles.description}>
-        Scenes are invite-only groups which aggregate what's popular with
-        members.
-      </Text>
       <BottomSheetScrollView style={styles.inner}>
+        <Text style={styles.title}>Create a scene</Text>
+        <Text style={styles.description}>
+          Scenes are invite-only groups which aggregate what's popular with
+          members.
+        </Text>
         <View style={{paddingBottom: 50}}>
           <View style={styles.group}>
             <Text style={styles.label}>Scene Handle</Text>
@@ -159,6 +162,11 @@ export function Component({}: {}) {
               </View>
             </View>
           )}
+          <TouchableOpacity style={s.mt10} onPress={onPressCancel}>
+            <View style={[styles.btn, {backgroundColor: colors.white}]}>
+              <Text style={[s.black, s.bold]}>Cancel</Text>
+            </View>
+          </TouchableOpacity>
         </View>
       </BottomSheetScrollView>
     </View>
@@ -168,8 +176,7 @@ export function Component({}: {}) {
 const styles = StyleSheet.create({
   outer: {
     flex: 1,
-    paddingTop: 20,
-    paddingBottom: 20,
+    // paddingTop: 20,
   },
   title: {
     textAlign: 'center',
@@ -222,7 +229,6 @@ const styles = StyleSheet.create({
     width: '100%',
     borderRadius: 32,
     padding: 14,
-    marginBottom: 10,
     backgroundColor: colors.gray1,
   },
 })
-- 
cgit 1.4.1