Adjust select-key-storage on smaller screens

status-im · Oct 7, 2019 · 2718243 · 2718243
1 parent 38e6862
commit 2718243
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/status_im/ui/screens/intro/views.cljs b/src/status_im/ui/screens/intro/views.cljs
@@ -124,12 +124,12 @@
 
 (defn choose-key [{:keys [multiaccounts selected-id view-height]}]
   [react/scroll-view {:content-container-style {:flex 1
-                                                :flex-grow 1
-                                                :justify-content :flex-end
+                                                :justify-content (if (< view-height 600) :flex-start :flex-end)
+                                                :margin-top (if (< view-height 600) 20 0)
                                                 ;; We have to align top multiaccount entry
                                                 ;; with top key storage entry on the next screen
                                                 :margin-bottom (if (< view-height 600)
-                                                                 -20
+                                                                 0
                                                                  (/ view-height 12))}}
    (for [[acc accessibility-n] (map vector multiaccounts (range (count multiaccounts)))]
      (let [selected? (= (:id acc) selected-id)
@@ -201,12 +201,12 @@
                         :title          :keycard
                         :desc           :keycard-desc}]]
     [react/view {:style {:flex 1
-                         :justify-content :flex-end
+                         :justify-content (if (< view-height 600) :flex-start :flex-end)
                          ;; We have to align top storage entry
                          ;; with top multiaccount entry on the previous screen
-                         :margin-bottom (+ (- 322 226) (if (< view-height 600)
-                                                         -20
-                                                         (/ view-height 12)))}}
+                         :margin-bottom (if (< view-height 600)
+                                          0
+                                          (+ (- 322 226) (/ view-height 12)))}}
      [storage-entry (first storage-types) selected-storage-type]
      [react/view {:style {:min-height 16 :max-height 16}}]
      [storage-entry (second storage-types) selected-storage-type]]))