diff --git a/app/assets/stylesheets/sections/profile.scss b/app/assets/stylesheets/sections/profile.scss index 068e8994cb142d99bfc146346241a7e7099eb351..7e5668ae8a744f70a766b78258850eeb7c929477 100644 --- a/app/assets/stylesheets/sections/profile.scss +++ b/app/assets/stylesheets/sections/profile.scss @@ -42,7 +42,8 @@ margin-right: 12px; } -.remove_avatar { - margin-top: 10px; +.profile-avatar-form-option { + hr { + margin: 10px 0; + } } - diff --git a/app/views/profiles/show.html.haml b/app/views/profiles/show.html.haml index 69fc7b62c5d304c8a5bb6092cc9646f97beb07d7..d0c46ca6aff9eb4a2f66a92c988a049c38396778 100644 --- a/app/views/profiles/show.html.haml +++ b/app/views/profiles/show.html.haml @@ -74,9 +74,10 @@ %span.file_name.js-avatar-filename File name... = f.file_field :avatar, class: "js-user-avatar-input hide" - %span.help-block The maximum file size allowed is 100KB. - - if @user.avatar? - = link_to 'Remove avatar', profile_avatar_path, confirm: "Avatar will be removed. Are you sure?", method: :delete, class: "btn btn-remove remove_avatar" + .light The maximum file size allowed is 100KB. + - if @user.avatar? + %hr + = link_to 'Remove avatar', profile_avatar_path, confirm: "Avatar will be removed. Are you sure?", method: :delete, class: "btn btn-remove btn-small remove-avatar" .form-actions - = f.submit 'Save changes', class: "btn btn-save" \ No newline at end of file + = f.submit 'Save changes', class: "btn btn-save"