diff --git a/src/status_im/ui/screens/browser/open_dapp/styles.cljs b/src/status_im/ui/screens/browser/open_dapp/styles.cljs index c1a036c7ab..e580862a5f 100644 --- a/src/status_im/ui/screens/browser/open_dapp/styles.cljs +++ b/src/status_im/ui/screens/browser/open_dapp/styles.cljs @@ -3,18 +3,13 @@ (:require [status-im.ui.components.colors :as colors] [status-im.ui.components.styles :as styles])) -(def input-container - {:flex-direction :row - :align-items :center - :border-radius styles/border-radius - :height 36 - :background-color colors/gray-lighter - :margin-horizontal 16 - :margin-bottom 9 - :margin-top 24}) - (defstyle input - {:flex 1 + {:border-radius styles/border-radius + :background-color colors/gray-lighter + :margin-horizontal 16 + :margin-bottom 9 + :margin-top 24 + :height 36 :padding-horizontal 14 :desktop {:height 30 :width "100%"} diff --git a/src/status_im/ui/screens/browser/open_dapp/views.cljs b/src/status_im/ui/screens/browser/open_dapp/views.cljs index bc5128e9b0..7d16c92fc0 100644 --- a/src/status_im/ui/screens/browser/open_dapp/views.cljs +++ b/src/status_im/ui/screens/browser/open_dapp/views.cljs @@ -50,23 +50,23 @@ url-text (atom nil)] [react/keyboard-avoiding-view {:style {:flex 1}} [status-bar/status-bar] - [react/view styles/input-container - [react/text-input {:on-change-text #(reset! url-text %) - :on-submit-editing #(re-frame/dispatch [:browser.ui/dapp-url-submitted @url-text]) - :placeholder (i18n/label :t/enter-url) - :auto-capitalize :none - :auto-correct false - :style styles/input - :accessibility-label :dapp-url-input - :return-key-type :go}]] + [react/text-input {:on-change-text #(reset! url-text %) + :on-submit-editing #(re-frame/dispatch [:browser.ui/dapp-url-submitted @url-text]) + :placeholder (i18n/label :t/enter-url) + :auto-capitalize :none + :auto-correct false + :style styles/input + :accessibility-label :dapp-url-input + :return-key-type :go}] [components/separator] (if (empty? browsers) [list-header true] - [list/flat-list {:header [list-header false] - :data browsers - :footer [react/view - {:style {:height tabs.styles/tabs-diff - :align-self :stretch}}] - :key-fn :browser-id - :end-fill-color colors/white - :render-fn list-item}])])) \ No newline at end of file + [react/scroll-view + [list-header false] + [list/flat-list {:data browsers + :footer [react/view + {:style {:height tabs.styles/tabs-diff + :align-self :stretch}}] + :key-fn :browser-id + :end-fill-color colors/white + :render-fn list-item}]])]))