fix: adjust alignment between categories and labels

status-im · Jun 5, 2024 · f05889d · f05889d
1 parent 33e9c18
commit f05889d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 18 deletions.
diff --git a/src/quo/components/settings/category/style.cljs b/src/quo/components/settings/category/style.cljs
@@ -7,13 +7,12 @@
   {:left               0
    :right              0
    :padding-horizontal 20
-   :padding-top        (when label 12)
+   :padding-top        (if label 12 8)
    :padding-bottom     8})
 
 (defn settings-items
-  [{:keys [label blur?]} theme]
-  {:margin-top       (if label 12 4)
-   :border-radius    16
+  [{:keys [blur?]} theme]
+  {:border-radius    16
    :background-color (if blur?
                        colors/white-opa-5
                        (colors/theme-colors colors/white colors/neutral-95 theme))
@@ -24,9 +23,10 @@
 
 (defn label
   [{:keys [blur?]} theme]
-  {:color (if blur?
-            colors/white-opa-40
-            (colors/theme-colors colors/neutral-50 colors/neutral-40 theme))})
+  {:margin-bottom 12
+   :color         (if blur?
+                    colors/white-opa-40
+                    (colors/theme-colors colors/neutral-50 colors/neutral-40 theme))})
 
 (def reorder-items
   {:margin-top 12})

diff --git a/src/status_im/contexts/settings/wallet/network_settings/style.cljs b/src/status_im/contexts/settings/wallet/network_settings/style.cljs
@@ -10,9 +10,6 @@
   {:padding-top inset-top
    :flex        1})
 
-(def mainnet-settings
-  {:padding-vertical 8})
-
 (defn settings-container
   [inset-bottom]
   {:flex           1

diff --git a/src/status_im/contexts/settings/wallet/network_settings/view.cljs b/src/status_im/contexts/settings/wallet/network_settings/view.cljs
@@ -29,14 +29,13 @@
 (defn mainnet-settings
   [{:keys [networks testnet-mode?]}]
   [quo/category
-   {:key             :mainnet-settings
-    :data            [(make-network-settings-item
-                       {:details       (:mainnet networks)
-                        :testnet-mode? testnet-mode?
-                        :testnet-label (i18n/label :t/sepolia-active)})]
-    :blur?           true
-    :list-type       :settings
-    :container-style style/mainnet-settings}])
+   {:key       :mainnet-settings
+    :data      [(make-network-settings-item
+                 {:details       (:mainnet networks)
+                  :testnet-mode? testnet-mode?
+                  :testnet-label (i18n/label :t/sepolia-active)})]
+    :blur?     true
+    :list-type :settings}])
 
 (defn layer-2-settings
   [{:keys [networks testnet-mode?]}]