updated login button design

Former-commit-id: cd22ab834d

src/status_im/login/screen.cljs

@@ -77,7 +77,7 @@
      [view st/recover-text-container
       [touchable-highlight
        {:on-press #()}
-       [text {:style st/recover-text} (label :t/recover-from-passphrase)]]]
+       [text {:style st/recover-text} (label :t/recover-access)]]]
      [view st/connect-button-container
       [touchable-highlight
        {:on-press #(dispatch [:login-account address password])}

src/status_im/login/styles.cljs

@@ -26,25 +26,25 @@
   {:position :absolute
    :left     0
    :right    0
-   :bottom   16})
+   :bottom   0})
 
 (def recover-text-container
   {:flex     1
-   :flexWrap :nowrap
+   :alignItems :center
    :padding  16})
 
 (def recover-text
   {:flex  1
-   :color color-white})
+   :color color-white
+   :fontSize 16})
 
 (def connect-button-container
-  {:position :absolute
-   :right    16
-   :top      0})
+  {:flex 1})
 
 (def connect-button
   {:backgroundColor   color-white
-   :borderRadius      55
+   :flex 1
+   :alignItems :center
    :paddingVertical   16
    :paddingHorizontal 28
    })

src/status_im/translations/en.cljs

@@ -127,7 +127,7 @@
    :address-explication                   "Maybe here should be some text explaining what an address is and where to look for it"
 
    ;login
-   :recover-from-passphrase               "Recover from passphrase"
+   :recover-access                        "Recover access"
    :connect                               "Connect"
    :address                               "Address"
    :password                              "Password"