Fixes

Makefile

@@ -353,17 +353,14 @@ test: export SHADOW_NS_REGEXP := .*-test$$
 test: ##@test Run all Clojure tests
 test: _test-clojure
 
-test-repl-run-watcher: export TARGET := default
-test-repl-run-watcher: export SHADOW_OUTPUT_TO := target/test/test.js
-test-repl-run-watcher: export SHADOW_NS_REGEXP := .*-test$$
-test-repl-run-watcher: ##@test Watch all Clojure tests and support REPL connections
-	yarn install && shadow-cljs compile mocks && yarn shadow-cljs watch test
-
-test-repl-run-js-backend: export TARGET := default
-test-repl-run-js-backend: export SHADOW_OUTPUT_TO := target/test/test.js
-test-repl-run-js-backend: export SHADOW_NS_REGEXP := .*-test$$
-test-repl-run-js-backend: ##@test Run Clojure tests in node with REPL support
-	node --require ./test-resources/override.js $$SHADOW_OUTPUT_TO --repl # \
+test-watch-for-repl: export TARGET := default
+test-watch-for-repl: export SHADOW_OUTPUT_TO := target/test/test.js
+test-watch-for-repl: export SHADOW_NS_REGEXP := .*-test$$
+test-watch-for-repl: ##@test Watch all Clojure tests and support REPL connections
+	yarn install && shadow-cljs compile mocks && \
+	concurrently --kill-others --prefix-colors 'auto' --names 'build,repl' \
+		'yarn shadow-cljs watch test --verbose' \
+		"until [ -f $$SHADOW_OUTPUT_TO ] ; do sleep 1 ; done ; node --require ./test-resources/override.js $$SHADOW_OUTPUT_TO --repl"
 
 test-unit: export SHADOW_OUTPUT_TO := target/unit_test/test.js
 test-unit: export SHADOW_NS_REGEXP := ^(?!tests\.integration-test)(?!tests\.contract-test).*-test$$

src/quo/components/tags/summary_tag/style.cljs

@@ -4,8 +4,7 @@
 
 (defn main
   [{:keys [type customization-color]} theme]
-  {:justify-content  :center
-   :align-items      :center
+  {:align-items      :center
    :height           32
    :padding-left     4
    :padding-right    10

src/quo/components/tags/summary_tag/view.cljs

@@ -67,7 +67,9 @@
       :style               (style/main (assoc props :customization-color customization-color) theme)}
      [left-view props]
      [text/text
-      {:style  (style/label type theme)
-       :weight :semi-bold
-       :size   :heading-1}
+      {:style           (style/label type theme)
+       :weight          :semi-bold
+       :ellipsize-mode  :tail
+       :number-of-lines 1
+       :size            :heading-1}
       label]]))

src/status_im/contexts/syncing/scan_sync_code/view.cljs

@@ -346,8 +346,7 @@
                                               #(reset! camera-permission-granted? %)
                                               #(reset! camera-permission-granted? false)))))
         [:<>
-         [rn/view {:style style/absolute-fill}
-          background]
+         background
          (when camera-ready-to-scan?
            [render-camera
             {:torch-mode            torch-mode

src/status_im/contexts/wallet/connected_dapps/view.cljs

@@ -1,16 +1,16 @@
 (ns status-im.contexts.wallet.connected-dapps.view
   (:require
-    [quo.core :as quo]
-    [quo.foundations.colors :as colors]
-    [quo.theme]
-    [react-native.core :as rn]
-    [react-native.safe-area :as safe-area]
-    [status-im.common.plus-button.view :as plus-button]
-    [status-im.common.resources :as resources]
-    [status-im.contexts.wallet.connected-dapps.disconnect-dapp.view :as disconnect-dapp]
-    [status-im.contexts.wallet.connected-dapps.style :as style]
-    [utils.i18n :as i18n]
-    [utils.re-frame :as rf]))
+   [quo.core :as quo]
+   [quo.foundations.colors :as colors]
+   [quo.theme]
+   [react-native.core :as rn]
+   [react-native.safe-area :as safe-area]
+   [status-im.common.plus-button.view :as plus-button]
+   [status-im.common.resources :as resources]
+   [status-im.contexts.wallet.connected-dapps.disconnect-dapp.view :as disconnect-dapp]
+   [status-im.contexts.wallet.connected-dapps.style :as style]
+   [utils.i18n :as i18n]
+   [utils.re-frame :as rf]))
 
 (defn- on-disconnect
   [wallet-account {:keys [name topic]}]

src/status_im/contexts/wallet/wallet_connect/modals/common/header/style.cljs

@@ -1,10 +1,15 @@
 (ns status-im.contexts.wallet.wallet-connect.modals.common.header.style)
 
 (def header-container
-  {:padding-vertical 12})
+  {:padding-vertical 12
+   :flex-direction   :column
+   :align-items      :stretch})
 
 (def header-dapp-name
-  {:margin-top -4})
+  {:flex-direction :row})
+
+(def header-text
+  {:margin-vertical 4})
 
 (def header-account-name
-  {:padding-top 4})
+  {:align-items :flex-start})

src/status_im/contexts/wallet/wallet_connect/modals/common/header/view.cljs

@@ -5,22 +5,23 @@
 
 (defn view
   [{:keys [label dapp account]}]
-  [rn/view
-   {:style style/header-container}
-   [quo/text
-    {:size   :heading-1
-     :weight :semi-bold}
-    (let [{:keys [name iconUrl]} dapp]
-      [rn/view {:style style/header-dapp-name}
+  [rn/view {:style style/header-container}
+   (let [{:keys [name iconUrl]} dapp]
+     [rn/view {:style style/header-dapp-name}
+      [rn/view {:flex 1}
        [quo/summary-tag
         {:type         :dapp
          :label        name
-         :image-source iconUrl}]])
-    (str " " label " ")
-    (let [{:keys [emoji customization-color name]} account]
-      [rn/view {:style style/header-account-name}
-       [quo/summary-tag
-        {:type                :account
-         :emoji               emoji
-         :label               name
-         :customization-color customization-color}]])]])
+         :image-source iconUrl}]]])
+   [quo/text
+    {:size   :heading-1
+     :weight :semi-bold
+     :style  style/header-text}
+    label]
+   (let [{:keys [emoji customization-color name]} account]
+     [rn/view {:style style/header-account-name}
+      [quo/summary-tag
+       {:type                :account
+        :emoji               emoji
+        :label               name
+        :customization-color customization-color}]])])