[FIX #3698] Decrease tapping area to make the version number not clickable

src/status_im/ui/screens/profile/user/styles.cljs

@@ -42,6 +42,17 @@
 (defstyle my-profile-info-container
   {:background-color colors/white})
 
+(defstyle my-profile-settings-logout-wrapper
+  {:flex-direction  :row
+   :justify-content :space-between
+   :align-items     :center})
+
+(defstyle my-profile-settings-logout
+  {:min-width       "50%"})
+
+(defstyle my-profile-settings-logout-version
+  {:padding-horizontal 16})
+
 (def advanced-button
   {:margin-top    16
    :margin-bottom 12})

src/status_im/ui/screens/profile/user/views.cljs

@@ -111,12 +111,15 @@
          :action-fn    #(re-frame/dispatch [:navigate-to :backup-seed])
          :icon-content [components.common/counter {:size 22} 1]}])
      [profile.components/settings-item-separator]
-     [profile.components/settings-item {:label-kw            :t/logout
+     [react/view styles/my-profile-settings-logout-wrapper
-                                        :accessibility-label :log-out-button
+       [react/view styles/my-profile-settings-logout
-                                        :value               build/version
+         [profile.components/settings-item {:label-kw            :t/logout
-                                        :destructive?        true
+                                            :accessibility-label :log-out-button
-                                        :hide-arrow?         true
+                                            :destructive?        true
-                                        :action-fn           #(handle-logout)}]]))
+                                            :hide-arrow?         true
+                                            :action-fn           #(handle-logout)}]]
+       [react/view styles/my-profile-settings-logout-version
+         [react/text build/version]]]]))
 
 (defview advanced [{:keys [network networks dev-mode?]}]
   (letsubs [advanced?                     [:get :my-profile/advanced?]