Commit f6d96d354c9413ddb1a82c51a379653e18515297

Authored by Dmitriy Zaporozhets
1 parent 41d67d14

Improve avatar block UI on profile page

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
app/assets/stylesheets/sections/profile.scss
... ... @@ -42,7 +42,8 @@
42 42 margin-right: 12px;
43 43 }
44 44  
45   -.remove_avatar {
46   - margin-top: 10px;
  45 +.profile-avatar-form-option {
  46 + hr {
  47 + margin: 10px 0;
  48 + }
47 49 }
48   -
... ...
app/views/profiles/show.html.haml
... ... @@ -74,9 +74,10 @@
74 74 &nbsp;
75 75 %span.file_name.js-avatar-filename File name...
76 76 = f.file_field :avatar, class: "js-user-avatar-input hide"
77   - %span.help-block The maximum file size allowed is 100KB.
78   - - if @user.avatar?
79   - = link_to 'Remove avatar', profile_avatar_path, confirm: "Avatar will be removed. Are you sure?", method: :delete, class: "btn btn-remove remove_avatar"
  77 + .light The maximum file size allowed is 100KB.
  78 + - if @user.avatar?
  79 + %hr
  80 + = 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"
80 81  
81 82 .form-actions
82   - = f.submit 'Save changes', class: "btn btn-save"
83 83 \ No newline at end of file
  84 + = f.submit 'Save changes', class: "btn btn-save"
... ...