diff --git a/src/status_im/ui/screens/offline_messaging_settings/styles.cljs b/src/status_im/ui/screens/offline_messaging_settings/styles.cljs index 8d65634c52..8ebb39875b 100644 --- a/src/status_im/ui/screens/offline_messaging_settings/styles.cljs +++ b/src/status_im/ui/screens/offline_messaging_settings/styles.cljs @@ -40,8 +40,15 @@ (def mailserver-pinned {:padding-horizontal 16 - :flex-direction :row - :padding-vertical 5}) + :flex-direction :row + :align-items :center + :padding-vertical 5}) + +(def mailserver-pinned-checkbox-container + {:width 40 + :height 40 + :align-items :center + :justify-content :center}) (def mailserver-pinned-text-container - {:margin-top 15}) + {:padding-horizontal 15}) diff --git a/src/status_im/ui/screens/offline_messaging_settings/views.cljs b/src/status_im/ui/screens/offline_messaging_settings/views.cljs index 80d011ba3e..9b46d21758 100644 --- a/src/status_im/ui/screens/offline_messaging_settings/views.cljs +++ b/src/status_im/ui/screens/offline_messaging_settings/views.cljs @@ -24,7 +24,8 @@ #(re-frame/dispatch [:mailserver.ui/pin-pressed]))} [react/view {:style styles/mailserver-pinned} [checkbox.views/checkbox - {:checked? (not pinned?) + {:checked? (not pinned?) + :style styles/mailserver-pinned-checkbox-container :on-value-change (if pinned? #(re-frame/dispatch [:mailserver.ui/unpin-pressed]) #(re-frame/dispatch [:mailserver.ui/pin-pressed]))}]