Center align to "+ Add contact" touchable

Fixes #9696

Signed-off-by: yenda <eric@status.im>

src/status_im/ui/screens/chat/styles/main.cljs

@@ -159,19 +159,14 @@
 (def add-contact
   {:flex-direction      :row
    :align-items         :center
-   :height              36
+   :justify-content     :center
+   :padding-vertical    6
    :border-bottom-width 1
-   :justify-content :center
    :border-color        colors/gray-lighter})
 
-(def add-contact-center
-  {:flex-direction :row})
-
 (def add-contact-text
-  {:text-align          :center
-   :text-align-vertical :center
-   :padding-left        4
-   :color               colors/blue})
+  {:margin-left 4
+   :color       colors/blue})
 
 (def add-contact-close-icon
   {:margin-right 12})

src/status_im/ui/screens/chat/views.cljs

@@ -35,9 +35,8 @@
   [react/touchable-highlight
    {:on-press
     #(re-frame/dispatch [:contact.ui/add-to-contact-pressed public-key])
-    :accessibility-label :add-to-contacts-button
-    :style style/add-contact}
-   [react/view style/add-contact-center
+    :accessibility-label :add-to-contacts-button}
+   [react/view {:style style/add-contact}
     [vector-icons/icon :main-icons/add
      {:color colors/blue}]
     [react/i18n-text {:style style/add-contact-text :key :add-to-contacts}]]])