diff --git a/src/status_im/ui/screens/profile/styles.cljs b/src/status_im/ui/screens/profile/styles.cljs index 3a2f126941..b5101af3d3 100644 --- a/src/status_im/ui/screens/profile/styles.cljs +++ b/src/status_im/ui/screens/profile/styles.cljs @@ -44,6 +44,13 @@ :justify-content :center :align-items :center}) +(def profile-badge-edit + {:flex-direction :column + :justify-content :center}) + +(def modal-menu + {:align-items :center}) + (def context-menu-custom-styles {:optionsContainer {:margin-top 78}}) @@ -63,10 +70,14 @@ (defstyle profile-name-input-text {:font-size 15 :text-align :center - :ios {:letter-spacing -0.2 - :height 46 - :width 800} - :android {:color colors/black}}) + :flex 1 + :ios {:letter-spacing -0.2 + :height 46 + :border-bottom-width 1 + :border-bottom-color styles/color-light-gray3} + :android {:color colors/black + :border-bottom-width 2 + :border-bottom-color styles/color-blue4}}) (def profile-badge-name-container {:flex 1 diff --git a/src/status_im/ui/screens/profile/views.cljs b/src/status_im/ui/screens/profile/views.cljs index 1989bb924f..7692ac44ed 100644 --- a/src/status_im/ui/screens/profile/views.cljs +++ b/src/status_im/ui/screens/profile/views.cljs @@ -101,11 +101,12 @@ (i18n/label :t/camera-access-error)))))]))}]) (defn profile-badge-edit [{:keys [name last-online] :as account}] - [react/view styles/profile-badge + [react/view styles/profile-badge-edit [context-menu/modal-menu [chat-icon.screen/my-profile-icon {:account account :edit? true}] - {} (i18n/label :t/image-source-title) + styles/modal-menu + (i18n/label :t/image-source-title) profile-icon-options] [react/view styles/profile-badge-name-container [profile-name-input name]