kebab-case re-agent attributes that were formerly camelCased

Signed-off-by: Julien Eluard <julien.eluard@gmail.com>

src/status_im/chat/styles/animations.cljs

@@ -25,7 +25,7 @@
 (def header-container
   {:min-height       19
    :background-color common/color-white
-   :alignItems       :center})
+   :align-items      :center})
 
 (def header-icon
   {:background-color header-draggable-icon

src/status_im/chat/styles/input/box_header.cljs

@@ -5,8 +5,8 @@
 
 (def header-container
   {:background-color common/color-white
-   :alignItems       :center
+   :align-items      :center
-   :justifyContent   :center
+   :justify-content  :center
    :height           header-height})
 
 (def header-title-container

src/status_im/chat/styles/message/command_pill.cljs

@@ -3,13 +3,13 @@
              [status-im.ui.components.styles :refer [color-white]]))
 
 (defn pill [command]
-  {:backgroundColor   (:color command)
+  {:background-color  (:color command)
    :height            24
-   :borderRadius      50
+   :border-radius     50
    :padding-top       (if p/ios? 4 3)
    :paddingHorizontal 12
    :text-align        :left})
 
 (def pill-text
-  {:fontSize    12
+  {:font-size 12
-   :color       color-white})
+   :color     color-white})

src/status_im/chat/styles/message/message.cljs

@@ -4,17 +4,17 @@
             [status-im.constants :as constants]))
 
 (defstyle style-message-text
-  {:fontSize 15
+  {:font-size 15
-   :color    styles/text1-color
+   :color     styles/text1-color
-   :android  {:line-height 22}
+   :android   {:line-height 22}
-   :ios      {:line-height 23}})
+   :ios       {:line-height 23}})
 
 (def style-sub-text
-  {:top        -2
+  {:top         -2
-   :fontSize   12
+   :font-size   12
-   :color      styles/text2-color
+   :color       styles/text2-color
-   :lineHeight 14
+   :line-height 14
-   :height     16})
+   :height      16})
 
 (defn message-padding-top
   [{:keys [first-in-date? same-author? same-direction?]}]
@@ -27,7 +27,7 @@
 (defn last-message-padding
   [{:keys [last? typing]}]
   (when (and last? (not typing))
-    {:paddingBottom 16}))
+    {:padding-bottom 16}))
 
 (def message-datemark
   {:margin-top 10
@@ -45,64 +45,64 @@
   (let [align     (if outgoing :flex-end :flex-start)
         direction (if outgoing :row-reverse :row)]
     (merge message-body-base
-           {:flexDirection direction
+           {:flex-direction direction
-            :width         260
+            :width          260
-            :paddingTop    (message-padding-top message)
+            :padding-top    (message-padding-top message)
-            :alignSelf     align
+            :align-self     align
-            :alignItems    align}
+            :align-items    align}
            (last-message-padding message))))
 
 (def selected-message
-  {:marginTop  18
+  {:margin-top  18
-   :marginLeft 40
+   :margin-left 40
-   :fontSize   12
+   :font-size   12
    :color      styles/text2-color})
 
 (def group-message-wrapper
-  {:flexDirection :column})
+  {:flex-direction :column})
 
 (defn group-message-view
   [{:keys [outgoing] :as message}]
   (let [align (if outgoing :flex-end :flex-start)]
-    {:flexDirection :column
+    {:flex-direction :column
-     :width         260
+     :width          260
-     :padding-left  10
+     :padding-left   10
-     :padding-right 10
+     :padding-right  10
-     :alignItems    align}))
+     :align-items    align}))
 
 (def message-author
-  {:width     36
+  {:width      36
-   :alignSelf :flex-start})
+   :align-self :flex-start})
 
 (def photo
-  {:borderRadius 18
+  {:border-radius 18
    :width        36
    :height       36})
 
 (def delivery-view
-  {:flexDirection :row
+  {:flex-direction :row
-   :marginTop     2
+   :margin-top     2
    :opacity       0.5})
 
 (defstyle delivery-text
   {:color      styles/color-gray4
-   :marginLeft 5
+   :margin-left 5
    :android    {:font-size 13}
    :ios        {:font-size 14}})
 
 (defn text-message
   [{:keys [outgoing group-chat incoming-group]}]
   (merge style-message-text
-         {:marginTop (if incoming-group 4 0)}))
+         {:margin-top (if incoming-group 4 0)}))
 
 (defn message-view
   [{:keys [content-type outgoing group-chat selected]}]
   (merge {:padding         12
-          :backgroundColor styles/color-white
+          :background-color styles/color-white
           :border-radius   8}
          (when (= content-type constants/content-type-command)
-           {:paddingTop    10
+           {:padding-top    10
-            :paddingBottom 14})))
+            :padding-bottom 14})))
 
 (defstyle author
   {:color         styles/color-gray4
@@ -111,40 +111,40 @@
    :ios           {:font-size 14}})
 
 (def command-request-view
-  {:paddingRight 16})
+  {:padding-right 16})
 
 (def command-request-message-view
-  {:borderRadius     14
+  {:border-radius    14
    :padding-vertical 10
-   :paddingRight     28
+   :padding-right    28
-   :backgroundColor  styles/color-white})
+   :background-color styles/color-white})
 
 (def command-request-from-text
-  (merge style-sub-text {:marginBottom 2}))
+  (merge style-sub-text {:margin-bottom 2}))
 
 (defn command-request-image-touchable []
-  {:position       :absolute
+  {:position        :absolute
-   :top            0
+   :top             0
-   :right          -8
+   :right           -8
-   :alignItems     :center
+   :align-items     :center
-   :justifyContent :center
+   :justify-content :center
-   :width          48
+   :width           48
-   :height         48})
+   :height          48})
 
 (defn command-request-image-view [command scale]
-  {:width           32
+  {:width            32
-   :height          32
+   :height           32
-   :borderRadius    16
+   :border-radius    16
-   :backgroundColor (:color command)
+   :background-color (:color command)
-   :transform       [{:scale scale}]})
+   :transform        [{:scale scale}]})
 
 (def command-image-view
-  {:position   :absolute
+  {:position    :absolute
-   :top        0
+   :top         0
-   :right      0
+   :right       0
-   :width      24
+   :width       24
-   :height     24
+   :height      24
-   :alignItems :center})
+   :align-items :center})
 
 (def command-request-image
   {:position :absolute
@@ -154,17 +154,17 @@
    :height   13})
 
 (def command-request-text-view
-  {:marginTop 4
+  {:margin-top 4
-   :height    14})
+   :height     14})
 
 (def content-command-view
-  {:flexDirection :column
+  {:flex-direction :column
-   :alignItems    :flex-start})
+   :align-items    :flex-start})
 
 (def command-container
-  {:flexDirection :row
+  {:flex-direction :row
-   :margin-top    4
+   :margin-top     4
-   :marginRight   32})
+   :margin-right   32})
 
 (def command-image
   {:margin-top 9
@@ -174,75 +174,75 @@
 
 (def command-text
   (merge style-message-text
-         {:marginTop        8
+         {:margin-top        8
-          :marginHorizontal 0}))
+          :margin-horizontal 0}))
 
 (def audio-container
-  {:flexDirection :row
+  {:flex-direction :row
-   :alignItems    :center})
+   :align-items    :center})
 
 (def play-view
-  {:width        33
+  {:width         33
-   :height       33
+   :height        33
-   :borderRadius 16
+   :border-radius 16
-   :elevation    1})
+   :elevation     1})
 
 (def play-image
   {:width  33
    :height 33})
 
 (def track-container
-  {:marginTop  10
+  {:margin-top  10
-   :marginLeft 10
+   :margin-left 10
-   :width      120
+   :width       120
-   :height     26
+   :height      26
-   :elevation  1})
+   :elevation   1})
 
 (def track
-  {:position        :absolute
+  {:position         :absolute
-   :top             4
+   :top              4
-   :width           120
+   :width            120
-   :height          2
+   :height           2
-   :backgroundColor :#EC7262})
+   :background-color :#EC7262})
 
 (def track-mark
-  {:position        :absolute
+  {:position         :absolute
-   :left            0
+   :left             0
-   :top             0
+   :top              0
-   :width           2
+   :width            2
-   :height          10
+   :height           10
-   :backgroundColor :#4A5258})
+   :background-color :#4A5258})
 
 (def track-duration-text
-  {:position      :absolute
+  {:position       :absolute
-   :left          1
+   :left           1
-   :top           11
+   :top            11
-   :fontSize      11
+   :font-size      11
-   :color         :#4A5258
+   :color          :#4A5258
-   :letterSpacing 1
+   :letter-spacing 1
-   :lineHeight    15})
+   :line-height    15})
 
 (def status-container
   {:flex           1
-   :alignSelf      :center
+   :align-self     :center
-   :alignItems     :center
+   :align-items    :center
    :width          249
    :padding-bottom 16})
 
 (def status-image-view
-  {:marginTop 20})
+  {:margin-top 20})
 
 (def status-from
-  {:marginTop 20
+  {:margin-top 20
-   :fontSize  18
+   :font-size  18
-   :color     styles/text1-color})
+   :color      styles/text1-color})
 
 (def status-text
-  {:marginTop  10
+  {:margin-top  10
-   :fontSize   14
+   :font-size   14
-   :lineHeight 20
+   :line-height 20
-   :textAlign  :center
+   :text-align  :center
-   :color      styles/text2-color})
+   :color       styles/text2-color})
 
 (defn message-animated-container [height]
   {:height height})

src/status_im/chat/styles/screen.cljs

@@ -15,27 +15,27 @@
    :margin-bottom  0})
 
 (def toolbar-view
-  {:flexDirection   :row
+  {:flex-direction   :row
-   :height          56
+   :height           56
-   :backgroundColor component.styles/color-white
+   :background-color component.styles/color-white
-   :elevation       2})
+   :elevation        2})
 
 (def action
-  {:width          56
+  {:width           56
-   :height         56
+   :height          56
-   :top            0
+   :top             0
-   :alignItems     :center
+   :align-items     :center
-   :justifyContent :center})
+   :justify-content :center})
 
 (def icon-view
   {:width  56
    :height 56})
 
 (def back-icon
-  {:marginTop  21
+  {:margin-top  21
-   :marginLeft 23
+   :margin-left 23
-   :width      8
+   :width       8
-   :height     14})
+   :height      14})
 
 (defnstyle chat-name-view [show-actions]
   {:flex            1
@@ -46,8 +46,8 @@
    :ios             {:align-items :center}})
 
 (def chat-name-text
-  {:color      component.styles/color-gray6
+  {:color     component.styles/color-gray6
-   :fontSize   16})
+   :font-size 16})
 
 (def group-icon
   {:margin-top    4
@@ -72,34 +72,34 @@
    :android {:font-size 13}})
 
 (defn actions-wrapper [status-bar-height]
-  {:backgroundColor component.styles/color-white
+  {:background-color component.styles/color-white
-   :elevation       2
+   :elevation        2
-   :position        :absolute
+   :position         :absolute
-   :top             (+ 55 status-bar-height)
+   :top              (+ 55 status-bar-height)
-   :left            0
+   :left             0
-   :right           0})
+   :right            0})
 
 (def actions-separator
-  {:marginLeft      16
+  {:margin-left      16
-   :height          1.5
+   :height           1.5
-   :backgroundColor component.styles/separator-color})
+   :background-color component.styles/separator-color})
 
 (def actions-view
-  {:marginVertical 10})
+  {:margin-vertical 10})
 
 (def action-icon-row
-  {:flexDirection :row
+  {:flex-direction :row
-   :height        56})
+   :height         56})
 
 (def action-icon-view
   (merge icon-view
-         {:alignItems     :center
+         {:align-items     :center
-          :justifyContent :center}))
+          :justify-content :center}))
 
 (def action-view
-  {:flex           1
+  {:flex            1
-   :alignItems     :flex-start
+   :align-items     :flex-start
-   :justifyContent :center})
+   :justify-content :center})
 
 (def action-title
   {:margin-top -2.5
@@ -115,17 +115,17 @@
   {:marginBottom 20})
 
 (def typing-view
-  {:width        260
+  {:width         260
-   :marginTop    10
+   :margin-top    10
-   :paddingLeft  8
+   :padding-left  8
-   :paddingRight 8
+   :padding-right 8
-   :alignItems   :flex-start
+   :align-items   :flex-start
-   :alignSelf    :flex-start})
+   :align-self    :flex-start})
 
 (def typing-text
-  {:marginTop -2
+  {:margin-top -2
-   :fontSize  12
+   :font-size  12
-   :color     component.styles/text2-color})
+   :color      component.styles/text2-color})
 
 (def overlay-highlight
   {:flex 1})
@@ -142,13 +142,13 @@
    :elevation        8})
 
 (defn bottom-info-container [height]
-  {:backgroundColor component.styles/color-white
+  {:background-color component.styles/color-white
-   :elevation       2
+   :elevation        2
-   :position        :absolute
+   :position         :absolute
-   :bottom          16
+   :bottom           16
-   :left            16
+   :left             16
-   :right           16
+   :right            16
-   :height          height})
+   :height           height})
 
 (def bottom-info-list-container
   {:padding-left   16
@@ -164,9 +164,9 @@
    :padding-bottom 4})
 
 (def bottom-info-row-photo
-  {:width        42
+  {:width         42
-   :height       42
+   :height        42
-   :borderRadius 21})
+   :border-radius 21})
 
 (def bottom-info-row-text-container
   {:margin-left  16

src/status_im/chat/views/message/message.cljs

@@ -197,9 +197,9 @@
             ^{:key whisper-identity}
             [react/image {:source {:uri (or (get-in contacts [whisper-identity :photo-path])
                                             (identicon/identicon whisper-identity))}
-                          :style  {:width        16
+                          :style  {:width         16
-                                   :height       16
+                                   :height        16
-                                   :borderRadius 8}}])
+                                   :border-radius 8}}])
           (if (> delivery-statuses-count 3)
             [react/text {:style style/delivery-text
                          :font  :default}
@@ -254,8 +254,8 @@
     (let [to-value @to-value]
       (when (pos? to-value)
         (animation/start
-          (animation/timing val {:toValue  to-value
+         (animation/timing val {:toValue  to-value
-                                 :duration 250})
+                                :duration 250})
           (fn [arg]
             (when (.-finished arg)
               (callback))))))))

src/status_im/native_module/impl/non_status_go_module.cljs

@@ -36,12 +36,12 @@
                           :messages {},
                           :returned {:markup ["text"
                                               {:style
-                                               {:color            "black",
+                                               {:color             "black",
-                                                :fontSize         8,
+                                                :font-size         8,
-                                                :letterSpacing    1,
+                                                :letter-spacing    1,
-                                                :marginBottom     2,
+                                                :margin-bottom     2,
-                                                :marginHorizontal 0,
+                                                :margin-horizontal 0,
-                                                :marginTop        10}}
+                                                :margin-top        10}}
                                               "●●●●●●●●●●"]}}})
       :else (callback {:result nil})))
   (-call-function! [this params])

src/status_im/ui/components/carousel/styles.cljs

@@ -4,8 +4,8 @@
   {:flex 1})
 
 (defn content-container [gap]
-  {:paddingLeft (quot gap 2)
+  {:padding-left  (quot gap 2)
-   :paddingRight (quot gap 2)})
+   :padding-right (quot gap 2)})
 
 (defn page [index count page-width gap]
   (let [margin        (quot gap 2)
@@ -13,7 +13,7 @@
         right-spacing (if (and (= index (dec count))
                                (> count 1))
                         gap 0)]
-    {:width          page-width
+    {:width           page-width
-     :justifyContent :center
+     :justify-content :center
-     :marginLeft     (+ margin left-spacing)
+     :margin-left     (+ margin left-spacing)
-     :marginRight    (+ margin right-spacing)}))
+     :margin-right    (+ margin right-spacing)}))

src/status_im/ui/components/chat_icon/styles.cljs

@@ -3,13 +3,13 @@
                                                     online-color]]))
 
 (defn default-chat-icon [color]
-  {:margin          0
+  {:margin           0
-   :width           40
+   :width            40
-   :height          40
+   :height           40
-   :alignItems      :center
+   :align-items      :center
-   :justifyContent  :center
+   :justify-content  :center
-   :borderRadius    20
+   :border-radius    20
-   :backgroundColor color})
+   :background-color color})
 
 (defn default-chat-icon-chat-list [color]
   (merge (default-chat-icon color)
@@ -36,15 +36,15 @@
           :border-radius 32}))
 
 (def default-chat-icon-text
-  {:marginTop  -2
+  {:margin-top  -2
-   :color      color-white
+   :color       color-white
-   :fontSize   16
+   :font-size   16
-   :lineHeight 20})
+   :line-height 20})
 
 (def message-status-icon-text
-  {:marginTop -2
+  {:margin-top -2
-   :color     color-white
+   :color      color-white
-   :fontSize  24})
+   :font-size  24})
 
 (def chat-icon
   {:margin        4

src/status_im/ui/components/checkbox/styles.cljs

@@ -6,8 +6,8 @@
 
 (defn icon-check-container [checked?]
   {:background-color (if checked? colors/blue colors/gray-lighter)
-   :alignItems     :center
+   :align-items     :center
-   :justifyContent :center
+   :justify-content :center
    :border-radius  2
    :width          24
    :height         24})

src/status_im/ui/components/common/styles.cljs

@@ -4,18 +4,18 @@
             [status-im.ui.components.colors :as colors]))
 
 (def gradient-top
-  {:flexDirection   :row
+  {:flex-direction   :row
-   :height          3
+   :height           3
-   :backgroundColor colors/gray-lighter})
+   :background-color colors/gray-lighter})
 
 (def gradient-top-colors
   ["rgba(25, 53, 76, 0.01)"
    "rgba(25, 53, 76, 0.1)"])
 
 (def gradient-bottom
-  {:flexDirection   :row
+  {:flex-direction   :row
-   :height          2
+   :height           2
-   :backgroundColor colors/gray-lighter})
+   :background-color colors/gray-lighter})
 
 (def gradient-bottom-colors
   ["rgba(25, 53, 76, 0.1)"

src/status_im/ui/components/contact/styles.cljs

@@ -15,7 +15,7 @@
 
 (def info-container
   {:flex            1
-   :flexDirection   :column
+   :flex-direction  :column
    :margin-left     16
    :margin-right    5
    :justify-content :center})
@@ -27,9 +27,9 @@
              :letter-spacing -0.2}})
 
 (def info-text
-  {:marginTop 1
+  {:margin-top 1
-   :fontSize  12
+   :font-size  12
-   :color     common/text2-color})
+   :color      common/text2-color})
 
 (def contact-container
   {:flex-direction   :row
@@ -37,14 +37,14 @@
    :background-color colors/white})
 
 (def forward-btn
-  {:opacity        0.4
+  {:opacity         0.4
-   :padding        12
+   :padding         12
-   :alignItems     :center
+   :align-items     :center
-   :justifyContent :center})
+   :justify-content :center})
 
 (def more-btn-container
-  {:alignItems     :center
+  {:align-items     :center
-   :justifyContent :center})
+   :justify-content :center})
 
 (def more-btn
   {:padding 16})

src/status_im/ui/components/image_button/styles.cljs

@@ -2,25 +2,25 @@
   (:require [status-im.ui.components.styles :as styles]))
 
 (def image-button
-  {:position   :absolute
+  {:position    :absolute
-   :bottom     2
+   :bottom      2
-   :right      16
+   :right       16
-   :flex       1
+   :flex        1
-   :height     50
+   :height      50
-   :alignItems :center})
+   :align-items :center})
 
 (def image-button-content
-  {:flex          1
+  {:flex           1
-   :flexDirection :row
+   :flex-direction :row
-   :height        50
+   :height         50
-   :alignItems    :center
+   :align-items    :center
-   :alignSelf     :center})
+   :align-self     :center})
 
 (def image-button-text
-  {:flex          1
+  {:flex           1
-   :flexDirection :column
+   :flex-direction :column
    :letter-spacing -0.3
-   :margin-left   8})
+   :margin-left    8})
 
 (def scan-button-text
   (merge image-button-text {:color styles/color-blue}))

src/status_im/ui/components/styles.cljs

@@ -85,9 +85,9 @@
   {:flex 1})
 
 (def create-icon
-  {:fontSize 20
+  {:font-size 20
-   :height   22
+   :height    22
-   :color    :white})
+   :color     :white})
 
 (def icon-back
   {:width  8
@@ -122,17 +122,17 @@
    :height 12})
 
 (def white-form-text-input
-  {:marginLeft -4
+  {:margin-left -4
-   :fontSize   14
+   :font-size   14
-   :color      color-white})
+   :color       color-white})
 
 (def button-input-container
-  {:flex          1
+  {:flex           1
-   :flexDirection :row})
+   :flex-direction :row})
 
 (def button-input
-  {:flex          1
+  {:flex           1
-   :flexDirection :column})
+   :flex-direction :column})
 
 (def modal
   {:position :absolute

src/status_im/ui/components/toolbar/styles.cljs

@@ -25,9 +25,9 @@
    :margin-left    4})
 
 (defstyle toolbar-container
-  {:flex       1
+  {:flex    1
-   :android    {:padding-left 18}
+   :android {:padding-left 18}
-   :ios        {:align-items  :center}})
+   :ios     {:align-items :center}})
 
 (def toolbar-title-container
   {:flex           1
@@ -77,8 +77,8 @@
    :padding-horizontal 16})
 
 (defstyle item
-  {:ios     {:marginHorizontal 12
+  {:ios     {:margin-horizontal 12
-             :marginVertical   16}
+             :margin-vertical   16}
    :android {:margin 16}})
 
 (def item-text

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

@@ -37,12 +37,12 @@
    :opacity     0.6})
 
 (defstyle show-all
-  {:flexDirection   :row
+  {:flex-direction   :row
-   :alignItems      :center
+   :align-items      :center
-   :backgroundColor common/color-white
+   :background-color common/color-white
-   :padding-left    72
+   :padding-left     72
-   :android         {:height       56}
+   :android          {:height 56}
-   :ios             {:height       64}})
+   :ios              {:height 64}})
 
 (defstyle show-all-text
   {:android {:font-size      14
@@ -65,9 +65,9 @@
 ; New contact
 
 (def contact-form-container
-  {:flex            1
+  {:flex             1
-   :color           :white
+   :color            :white
-   :backgroundColor :white})
+   :background-color :white})
 
 (def gradient-background
   {:position :absolute
@@ -82,14 +82,14 @@
    :height      72})
 
 (def address-explication-container
-  {:flex         1
+  {:flex          1
-   :margin-top   30
+   :margin-top    30
-   :paddingLeft  16
+   :padding-left  16
-   :paddingRight 16})
+   :padding-right 16})
 
 (def address-explication
-  {:textAlign :center
+  {:text-align :center
-   :color     common/color-gray})
+   :color      common/color-gray})
 
 (def qr-input
   {:margin-right 42})

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

@@ -129,7 +129,7 @@
 
 (defstyle new-messages-text
   {:left       0
-   :fontSize   12
+   :font-size  12
    :color      colors/blue
    :text-align :center
    :android    {:top 2}
@@ -145,9 +145,9 @@
    :padding-right  14})
 
 (def create-icon
-  {:fontSize 20
+  {:font-size 20
-   :height   22
+   :height    22
-   :color    colors/white})
+   :color     colors/white})
 
 (def group-icon
   {:margin-top   8

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

@@ -4,29 +4,29 @@
             [status-im.utils.platform :as p]))
 
 (def barcode-scanner-container
-  {:flex            1
+  {:flex             1
-   :backgroundColor :white})
+   :background-color :white})
 
 (def barcode-scanner
-  {:flex           1
+  {:flex            1
-   :justifyContent :flex-end
+   :justify-content :flex-end
-   :alignItems     :center})
+   :align-items     :center})
 
 (def rectangle-container
-  {:position        :absolute
+  {:position         :absolute
-   :left            0
+   :left             0
-   :top             toolbar.styles/toolbar-height
+   :top              toolbar.styles/toolbar-height
-   :bottom          0
+   :bottom           0
-   :right           0
+   :right            0
-   :flex            1
+   :flex             1
-   :alignItems      :center
+   :align-items      :center
-   :justifyContent  :center
+   :justify-content  :center
-   :backgroundColor :transparent})
+   :background-color :transparent})
 
 (def rectangle
-  {:height          250
+  {:height           250
-   :width           250
+   :width            250
-   :backgroundColor :transparent})
+   :background-color :transparent})
 
 (def corner-left-top
   {:position :absolute
@@ -57,21 +57,21 @@
    :height   56})
 
 (def import-button
-  {:position   :absolute
+  {:position    :absolute
-   :right      16
+   :right       16
-   :flex       1
+   :flex        1
-   :height     50
+   :height      50
-   :alignItems :center})
+   :align-items :center})
 
 (def import-button-content
-  {:flex          1
+  {:flex           1
-   :flexDirection :row
+   :flex-direction :row
-   :height        50
+   :height         50
-   :alignItems    :center
+   :align-items    :center
-   :alignSelf     :center})
+   :align-self     :center})
 
 (def import-text
-  {:flex          1
+  {:flex           1
-   :flexDirection :column
+   :flex-direction :column
-   :color         color-white
+   :color          color-white
-   :margin-left   8})
+   :margin-left    8})

src/status_im/ui/screens/wallet/choose_recipient/styles.cljs

@@ -27,9 +27,9 @@
    :bottom   0})
 
 (def preview
-  {:flex           1
+  {:flex            1
-   :justifyContent :flex-end
+   :justify-content :flex-end
-   :alignItems     :center})
+   :align-items     :center})
 
 (def corner-dimensions
   {:position :absolute
@@ -67,20 +67,20 @@
     (cond-> {:position         :absolute
              :background-color :black
              :opacity          0.7}
-      (= :top side) (assoc :height top-bottom-height
+      (= :top side)    (assoc :height top-bottom-height
-                           :width  top-bottom-width)
+                              :width  top-bottom-width)
-      (= :right side) (assoc :height left-right-height
+      (= :right side)  (assoc :height left-right-height
-                             :width  left-right-width
+                              :width  left-right-width
-                             :top    top-bottom-height
+                              :top    top-bottom-height
-                             :right  0)
+                              :right  0)
       (= :bottom side) (assoc :height top-bottom-height
                               :width  top-bottom-width
                               :bottom 0
                               :left   0)
-      (= :left side) (assoc :height left-right-height
+      (= :left side)   (assoc :height left-right-height
-                            :width  left-right-width
+                              :width  left-right-width
-                            :top    top-bottom-height
+                              :top    top-bottom-height
-                            :left   0))))
+                              :left   0))))
 
 (def qr-code
   {:flex             1

src/status_im/ui/screens/wallet/transactions/styles.cljs

@@ -15,8 +15,8 @@
                           styles/color-gray10-transparent)})
 
 (def tabs-container
-  {:flexDirection :row
+  {:flex-direction :row
-   :height        tabs.styles/tab-height})
+   :height         tabs.styles/tab-height})
 
 (defnstyle tab-title [active?]
   {:ios        {:font-size 15}
@@ -53,10 +53,10 @@
    :font-size    17})
 
 (def tx-time
-  {:flex-grow   1 
+  {:flex-grow  1 
-   :font-size   14
+   :font-size  14
-   :text-align  :right
+   :text-align :right
-   :color       styles/color-gray4})
+   :color      styles/color-gray4})
 
 (def address-row
   {:flex-direction :row
@@ -87,10 +87,10 @@
    :padding-vertical 12})
 
 (def sign-all-view
-  {:flex              1
+  {:flex             1
-   :flex-direction    :column
+   :flex-direction   :column
-   :justify-content   :center
+   :justify-content  :center
-   :background-color  styles/color-gray-transparent})
+   :background-color styles/color-gray-transparent})
 
 (def sign-all-popup
   {:align-self        :flex-start
@@ -215,5 +215,5 @@
    :background-color styles/color-cyan})
 
 (def filter-container
-  {:flex             1})
+  {:flex 1})
    ;:background-color colors/white})