diff --git a/app/partials/includes/modules/profile/profile-bar.jade b/app/partials/includes/modules/profile/profile-bar.jade index 3e130b95..873fa152 100644 --- a/app/partials/includes/modules/profile/profile-bar.jade +++ b/app/partials/includes/modules/profile/profile-bar.jade @@ -1,5 +1,8 @@ section.profile-bar - img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}") + div.profile-image-wrapper + img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}") + a.edit-profile(href="", title="Edit profile") + span.icon.icon-edit a.button-green span Follow div.profile-data diff --git a/app/styles/modules/profile/profile-bar.scss b/app/styles/modules/profile/profile-bar.scss index 93376634..59aba130 100644 --- a/app/styles/modules/profile/profile-bar.scss +++ b/app/styles/modules/profile/profile-bar.scss @@ -1,7 +1,20 @@ .profile-bar { + .profile-image-wrapper { + position: relative; + } .profile-img { max-width: 100%; } + .edit-profile { + @extend %large; + background: rgba(255, 255, 255, .6); + border-radius: 50%; + color: $grayer; + left: calc(50% - 1rem); + padding: 1rem; + position: absolute; + top: calc(50% - 1rem); + } .button-green { display: block; margin-bottom: 1rem;