diff --git a/src/status_im/ui/screens/chat/styles/main.cljs b/src/status_im/ui/screens/chat/styles/main.cljs index 0574078efd..b0ee9b7660 100644 --- a/src/status_im/ui/screens/chat/styles/main.cljs +++ b/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}) diff --git a/src/status_im/ui/screens/chat/views.cljs b/src/status_im/ui/screens/chat/views.cljs index 811524dd9d..2568241147 100644 --- a/src/status_im/ui/screens/chat/views.cljs +++ b/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}]]])