polish android UI

src/status_im/switcher/bottom_tabs.cljs

@@ -23,8 +23,8 @@
 
 (defn bottom-tabs []
   [rn/animated-view {:style (styles/bottom-tabs)}
+   [bottom-tab :main-icons/redesign-communities :communities-stack]
    [bottom-tab :main-icons/redesign-messages :chats-stack]
-   [bottom-tab :main-icons/communities :communities-stack]
-   [rn/view {:width 10}]
+   [rn/view {:width 50}]
    [bottom-tab :main-icons/redesign-wallet :wallet-stack]
-   [bottom-tab :main-icons/browser :browser-stack]])
+   [bottom-tab :main-icons/redesign-browser :browser-stack]])

src/status_im/switcher/constants.cljs

@@ -24,7 +24,7 @@
 
 (def switcher-bottom-positions
   {:android
-   {:home-stack 17
+   {:home-stack 15
     :chat       57}
    :ios
    {:home-stack 35

src/status_im/switcher/styles.cljs

@@ -10,8 +10,8 @@
            :bottom-tabs-selected-tab       colors/white
            :switcher-close-button-bg-color colors/white}
    :dark  {:bottom-tabs-bg-color           colors/neutral-80
-           :bottom-tabs-on-scroll-bg-color colors/neutral-80-opa-60
-           :bottom-tabs-non-selected-tab   colors/neutral-40
+           :bottom-tabs-on-scroll-bg-color colors/neutral-80-opa-80
+           :bottom-tabs-non-selected-tab   colors/neutral-50
            :bottom-tabs-selected-tab       colors/white
            :switcher-close-button-bg-color colors/white}})
 
@@ -20,21 +20,23 @@
 
 ;; Bottom Tabs
 (defn bottom-tab-icon [tab-state]
-  {:width  20
-   :height 20
+  {:width  24
+   :height 24
    :color  (get-color tab-state)})
 
 (defn bottom-tabs []
   {:background-color (get-color :bottom-tabs-bg-color)
    :flex-direction   :row
    :flex             1
    :align-items      :center
-   :justify-content  :space-around
+   :justify-content  :space-between
    :height           (constants/bottom-tabs-height)
    :position         :absolute
    :bottom           -1
    :right            0
-   :left             0})
+   :left             0
+   :padding-left     19
+   :padding-right    19})
 
 ;; Switcher