ui fixes

status-im · Aug 8, 2019 · 8bc7d39 · 8bc7d39
1 parent f51c36b
commit 8bc7d39
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/src/status_im/ui/screens/multiaccounts/recover/views.cljs b/src/status_im/ui/screens/multiaccounts/recover/views.cljs
@@ -133,9 +133,9 @@
             validate-passphrase (debounce
                                  #(re-frame/dispatch [:multiaccounts.recover.ui/passphrase-input-blured])
                                  500)]
-    [react/view {:flex             1
-                 :justify-content  :space-between
-                 :background-color colors/white}
+    [react/keyboard-avoiding-view {:flex             1
+                                   :justify-content  :space-between
+                                   :background-color colors/white}
      [toolbar/toolbar
       {:transparent? true
        :style        {:margin-top 32}}
@@ -178,7 +178,8 @@
           :container         {:background-color :white}
           :style             {:background-color :white
                               :text-align       :center
-                              :typography       :header}}]]]
+                              :font-size        16
+                              :font-weight      "700"}}]]]
       (when processing?
         [react/view
          [react/activity-indicator {:size      :large
@@ -316,9 +317,9 @@
             validate-password (debounce
                                #(re-frame/dispatch [:multiaccounts.recover.ui/password-input-blured])
                                500)]
-    [react/view {:flex             1
-                 :justify-content  :space-between
-                 :background-color colors/white}
+    [react/keyboard-avoiding-view {:flex             1
+                                   :justify-content  :space-between
+                                   :background-color colors/white}
      [toolbar/toolbar
       {:transparent? true
        :style        {:margin-top 32}}
@@ -360,8 +361,10 @@
           :auto-correct      false
           :container         {:background-color :white}
           :style             {:background-color :white
+                              :width            200
                               :text-align       :center
-                              :typography       :header}}]]]
+                              :font-size        20
+                              :font-weight      "700"}}]]]
       [react/view {:flex-direction  :row
                    :justify-content :space-between
                    :align-items     :center
@@ -378,9 +381,9 @@
 (defview confirm-password []
   (letsubs [password [:multiaccounts.recover/password-confirmation]
             error [:multiaccounts.recover/password-error]]
-    [react/view {:flex             1
-                 :justify-content  :space-between
-                 :background-color colors/white}
+    [react/keyboard-avoiding-view {:flex             1
+                                   :justify-content  :space-between
+                                   :background-color colors/white}
      [toolbar/toolbar
       {:transparent? true
        :style        {:margin-top 32}}
@@ -420,8 +423,10 @@
           :auto-correct      false
           :container         {:background-color :white}
           :style             {:background-color :white
+                              :width            200
                               :text-align       :center
-                              :typography       :header}}]]]
+                              :font-size        20
+                              :font-weight      "700"}}]]]
       [react/view {:flex-direction  :row
                    :justify-content :space-between
                    :align-items     :center