From 6d316d563e43e60760d722ca0ed42df2f9056c44 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Fri, 23 Sep 2022 15:37:22 -0700
Subject: [PATCH] fixing layout on cards drawer

---
 app/mobile/src/session/Session.jsx           |  2 +-
 app/mobile/src/session/cards/Cards.jsx       | 14 +++-----------
 app/mobile/src/session/cards/Cards.styled.js |  2 +-
 3 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/app/mobile/src/session/Session.jsx b/app/mobile/src/session/Session.jsx
index 713ca22a..4a2e1548 100644
--- a/app/mobile/src/session/Session.jsx
+++ b/app/mobile/src/session/Session.jsx
@@ -101,7 +101,7 @@ export function Session() {
   // drawered containers
   const CardDrawerContent = ({ navigation, setContact, openRegistry }) => {
     return (
-      <SafeAreaView edges={['top', 'bottom']} style={styles.drawer}>
+      <SafeAreaView edges={['top']} style={styles.drawer}>
         <Cards navigation={navigation} openContact={setContact} openRegistry={openRegistry} />
       </SafeAreaView>
     )
diff --git a/app/mobile/src/session/cards/Cards.jsx b/app/mobile/src/session/cards/Cards.jsx
index 387eaff6..555ba4a4 100644
--- a/app/mobile/src/session/cards/Cards.jsx
+++ b/app/mobile/src/session/cards/Cards.jsx
@@ -29,7 +29,7 @@ export function Cards({ openRegistry }) {
                 autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
             <View style={styles.space} />
           </View>
-          <TouchableOpacity style={styles.add}>
+          <TouchableOpacity style={styles.add} onPress={openRegistry}>
             <Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/>
             <Text style={styles.newtext}>New</Text>
           </TouchableOpacity>
@@ -53,8 +53,8 @@ export function Cards({ openRegistry }) {
               <TextInput style={styles.inputfield} value={state.topic} onChangeText={actions.setTopic}
                   autoCapitalize="none" placeholderTextColor={Colors.disabled} placeholder="Contacts" />
             </View>
-            <TouchableOpacity>
-              <Ionicons name={'doubleright'} size={16} color={Colors.grey} />
+            <TouchableOpacity style={styles.add} onPress={openRegistry}>
+              <Ionicons name={'adduser'} size={16} color={Colors.white} style={[styles.box, { transform: [ { rotateY: "180deg" }, ]} ]}/>
             </TouchableOpacity>
           </View>
         </SafeAreaView>
@@ -64,14 +64,6 @@ export function Cards({ openRegistry }) {
         renderItem={({ item }) => <CardItem item={item} />}
         keyExtractor={item => item.cardId}
       />
-      { !state.tabbed && (
-        <SafeAreaView edges={['right']} style={styles.findarea}>
-          <TouchableOpacity style={styles.addbottom} onPress={() => openRegistry()}>
-            <Ionicons style={styles.up} name={'doubleleft'} size={16} color={Colors.primary} />
-            <Text style={styles.bottomText}>Find Contacts</Text>
-          </TouchableOpacity>
-        </SafeAreaView>
-      )}
     </View>
   );
 }
diff --git a/app/mobile/src/session/cards/Cards.styled.js b/app/mobile/src/session/cards/Cards.styled.js
index 07c1b678..78714eb4 100644
--- a/app/mobile/src/session/cards/Cards.styled.js
+++ b/app/mobile/src/session/cards/Cards.styled.js
@@ -76,7 +76,7 @@ export const styles = StyleSheet.create({
   },
   add: {
     backgroundColor: Colors.primary,
-    marginLeft: 16,
+    marginLeft: 8,
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',