Align toggle in Mail Server settings

Signed-off-by: Gheorghe Pinzaru <feross95@gmail.com>

src/status_im/ui/screens/offline_messaging_settings/styles.cljs

@@ -41,7 +41,14 @@
 (def mailserver-pinned
   {:padding-horizontal 16
    :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})

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

@@ -25,6 +25,7 @@
    [react/view {:style styles/mailserver-pinned}
     [checkbox.views/checkbox
      {: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]))}]