styling fix

OpenST · Nov 14, 2019 · 26b01d8 · 26b01d8
1 parent f759dcb
commit 26b01d8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/src/components/LoginPopover/index.js b/src/components/LoginPopover/index.js
@@ -96,16 +96,26 @@ class loginPopover extends React.Component {
                       <Image source={modalCross} style={{ width: 19.5, height: 19 }} />
                     </TouchableOpacity>
                     <Image source={loggedOutLogo} style={{ width: 261, height: 70, marginBottom: 20 }} />
+                    <Text
+                      style={[
+                        inlineStyles.desc,
+                        {
+                          fontWeight: '500'
+                        }
+                      ]}
+                    >
+                      Meet the people shaping the
+                    </Text>
                     <Text
                       style={[
                         inlineStyles.desc,
                         {
                           fontWeight: '500',
-                          marginBottom: 5
+                          marginBottom: 15
                         }
                       ]}
                     >
-                      Meet the people shaping the crypto movement.
+                       crypto movement.
                     </Text>
                     <TouchableButton
                       TouchableStyles={[
@@ -116,7 +126,8 @@ class loginPopover extends React.Component {
                           height: 55,
                           alignItems: 'center',
                           justifyContent: 'center',
-                          width: '85%'
+                          width: '85%',
+                          marginBottom: 10
                         },
                         this.state.disableLoginBtn ? Theme.Button.disabled : null
                       ]}

diff --git a/src/components/LoginPopover/styles.js b/src/components/LoginPopover/styles.js
@@ -10,9 +10,9 @@ let stylesMap = {
     backgroundColor: Colors.white,
     alignItems: 'center',
     justifyContent: 'center',
-    minHeight: Dimensions.get('window').height / 2,
+    minHeight: Dimensions.get('window').height / 2.3,
     paddingTop: 50,
-    paddingBottom: 30,
+    paddingBottom: 40,
     position: 'absolute',
     width: '100%',
     borderTopRightRadius: 20,
@@ -40,7 +40,8 @@ let stylesMap = {
     color: Colors.dark,
     fontSize: 18,
     lineHeight: 26,
-    textAlign: 'center'
+    textAlign: 'center',
+    width: '85%'
   },
   tocPp: {
     width: '85%',