diff --git a/app/styles/user/home.sass b/app/styles/user/home.sass index 4da3c19a3..052434f3f 100644 --- a/app/styles/user/home.sass +++ b/app/styles/user/home.sass @@ -10,14 +10,15 @@ .right-column +make-sm-column(8) - .picture-wrapper + .profile-wrapper text-align: center outline: 1px solid darkgrey - max-width: 80% + max-width: 100% +center-block() > .picture - max-width: 100% + width: 100% + background-color: #dadada border: 4px solid white > .name @@ -27,13 +28,24 @@ color: white text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000 - .list-group-item > a - color: #555555 - margin-left: 5px + .profile-menu + padding-left: 0px + width: 100% + > a + border-radius: 0 + border-width: 1px 0px + border-color: darkgrey + &:hover + border-color: #888 + > span + color: #555555 + font-size: 15px + margin-left: 5px .contributor-categories list-style: none padding: 0px + margin-top: 15px > .contributor-category outline: 1px solid black diff --git a/app/templates/user/home.jade b/app/templates/user/home.jade index 9541450aa..aa502a999 100644 --- a/app/templates/user/home.jade +++ b/app/templates/user/home.jade @@ -5,20 +5,18 @@ block append content .vertical-buffer .row .left-column - .picture-wrapper + .profile-wrapper img.picture(src="#{me.getPhotoURL(150)}" alt="") h3.name= user.get('name') - hr - ul.list-group - li.list-group-item - i.glyphicon.glyphicon-briefcase - a(href="profile") Job Profile - li.list-group-item - i.glyphicon.glyphicon-pencil - a(href="") Code + .btn-group-vertical.profile-menu + a.btn.btn-default(href="/user/#{user.get('slug') || user.get('_id')}/profile") + i.glyphicon.glyphicon-briefcase + span Job Profile + a.btn.btn-default(href="profile") + i.glyphicon.glyphicon-pencil + span Code - var emails = user.get('emails') if emails - hr ul.contributor-categories //li.contributor-category img.contributor-image(src="/images/pages/user/general.png")