From 0943a229ec5cbb976e204ec7ec4641b138aea39b Mon Sep 17 00:00:00 2001 From: benmanley Date: Fri, 12 Dec 2014 17:38:17 +0000 Subject: [PATCH] fix(avatar.styl): improve label layout Fixes #4349 * Tweak position of labels to align better with background border. * Increase z-index of share button to prevent it being obscured by avatar. * Move share button to bottom left corner to prevent it obscuring avatar name. --- public/css/avatar.styl | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/public/css/avatar.styl b/public/css/avatar.styl index f5132b070f..ea00c40e02 100644 --- a/public/css/avatar.styl +++ b/public/css/avatar.styl @@ -31,16 +31,17 @@ future re: pets and whatnot, this is just temporary. position: absolute @extend $hrpg-label .avatar-level - bottom: 2px - right: 2px + bottom: 4px + right: 4px // when a buff/rebirth exists, add space between the icon and the level .glyphicon-circle-arrow-up padding-right: 4px .glyphicon-plus-sign padding-left: 4px .avatar-name - top: 2px - left: 2px + max-width: 132px + top: 4px + left: 4px opacity: 0 // Hide username by default transition: opacity 0.2s ease-out @@ -83,8 +84,9 @@ future re: pets and whatnot, this is just temporary. width: 50px !important .addthis_native_toolbox position: absolute - top:2px - right:2px + bottom:4px + left:4px + z-index: 2 opacity:0 &:hover .addthis_native_toolbox opacity:1