Bigger area for cross on QR display screen (#610)

src/status_im/accounts/styles.cljs

@@ -55,6 +55,13 @@
          {:margin-left  8
           :margin-right 4}))
 
+(defn qr-code-container [dimensions]
+  {:background-color "white"
+   :width            (:width dimensions)
+   :align-items      :center
+   :justify-content  :center
+   :padding          40})
+
 (def photo-image
   {:width         36
    :height        36
@@ -78,6 +85,13 @@
    :alignItems     :center
    :justifyContent :center})
 
+(def online-image-container
+  {:width           40
+   :height          40
+   :margin-right    4
+   :align-items     :center
+   :justify-content :center})
+
 (def bottom-actions-container
   {:position :absolute
    :left     0

src/status_im/accounts/views/qr_code.cljs

@@ -32,19 +32,16 @@
              :number-of-lines 1} name]]
      [view st/online-container
       [touchable-highlight {:onPress #(dispatch [:navigate-back])}
+       [view st/online-image-container
         [image {:source {:uri :icon_close_white}
-               :style  icon-close}]]]]]
+                :style  icon-close}]]]]]]
 
    [view {:style     st/qr-code
           :on-layout #(let [layout (.. % -nativeEvent -layout)]
                        (dispatch [:set-in [:qr-modal :dimensions] {:width  (.-width layout)
                                                                    :height (.-height layout)}]))}
     (when (:width dimensions)
-      [view {:style {:background-color "white"
+      [view {:style (st/qr-code-container dimensions)}
-                     :width            (:width dimensions)
-                     :align-items      :center
-                     :justify-content  :center
-                     :padding          40}}
        [qr-code {:value (if amount?
                           (prn-str {:address (get contact qr-source)
                                     :amount  amount})