From 1400a040fdac0eae3debf60e4f2e5fc46c1e2085 Mon Sep 17 00:00:00 2001
From: Yashashvi Dave <yashashvidave@gmail.com>
Date: Wed, 29 Aug 2018 00:13:27 +0530
Subject: [PATCH] user settings: Improve style of "Preview profile" btn.

This commig update button to show user profile in user
settings. This commit change text in button, add external
link icon and change style of button.
---
 static/styles/settings.scss                           | 9 +++++++++
 static/templates/settings/account-settings.handlebars | 3 ++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index e2598bcf33..12ff8edb37 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -1430,6 +1430,15 @@ body:not(.night-mode) #account-settings .custom_user_field .datepicker {
     min-width: 206px;
 }
 
+#account-settings #show_my_user_profile_modal {
+    width: 219px;
+    margin-top: 20px;
+}
+
+#account-settings #show_my_user_profile_modal i {
+    padding-left: 5px;
+}
+
 #settings_page #change_password_modal .change_password_info,
 #settings_page #change_email_modal .change_email_info,
 #settings_page #change_full_name_modal .change_full_name_info {
diff --git a/static/templates/settings/account-settings.handlebars b/static/templates/settings/account-settings.handlebars
index a496d070a3..466892e577 100644
--- a/static/templates/settings/account-settings.handlebars
+++ b/static/templates/settings/account-settings.handlebars
@@ -128,7 +128,8 @@
             <div class="alert-notification" id="custom-field-status"></div>
             <form class="form-horizontal custom-profile-fields-form grid"></form>
             <button class="button rounded sea-green w-200 block" id="show_my_user_profile_modal">
-                {{t 'View my profile' }}
+                {{t 'Preview profile' }}
+                <i class="fa fa-external-link" aria-hidden="true" title="{{t 'Preview profile' }}"></i>
             </button>
 
         </div>