[#16550] fix: device type indicators in syncing screen (#17133)

src/quo2/components/settings/settings_list/style.cljs

@@ -52,4 +52,5 @@
    :margin-right    12})
 
 (def tag-container
-  {:margin-top 8})
+  {:margin-top  8
+   :margin-left -1})

src/quo2/components/tags/status_tags.cljs

@@ -11,7 +11,7 @@
 
 (def small-container-style
   (merge default-container-style
-         {:min-height         24
+         {:min-height         26
           :padding-horizontal 8
           :padding-vertical   3}))
 
@@ -44,6 +44,7 @@
                                     :background-color background-color)}
        [rn/view
         {:flex-direction :row
+         :align-items    :center
          :flex           1}
         [rn/view
          {:style {:justify-content :center
@@ -56,7 +57,7 @@
         [text/text
          {:size   paragraph-size
           :weight :medium
-          :style  {:padding-left 5
+          :style  {:padding-left (if icon 5 0)
                    :color        text-color}} label]]])))
 
 (defn- positive

src/status_im2/contexts/syncing/device/view.cljs

@@ -17,7 +17,9 @@
        {:container-style style/device-container
         :title           name
         :override-theme  :dark
-        :left-icon       (if (= device-type :mobile) :i/mobile :i/desktop)}
+        :left-icon       (cond (#{:mobile :ios :android} (keyword device-type))
+                               :i/mobile
+                               :else :i/desktop)}
        (and show-button? unpaired?) (assoc :button-props
                                            {:title    (i18n/label :t/pair)
                                             :on-press #(js/alert "feature not added yet")})