diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss index cc02f5bf6e..8c0b848be2 100644 --- a/lms/static/sass/shared/_header.scss +++ b/lms/static/sass/shared/_header.scss @@ -472,28 +472,46 @@ header.global-new { } } } - - a.user-link { - @include padding(6px, 12px, 8px, 35px); + a.user-link { + @include padding(3px, 12px, 8px, 8px); position: relative; text-transform: none; font-size: 14px; font-weight: bold; letter-spacing: 0; + .icon { + display: inline-block; + @include float(left); + margin: 3px 0 -3px 0; + font-size: 1.2em; + color: $m-gray; + } + .avatar { - @include background-image(url('../images/small-header-home-icon.png')); - background-repeat: no-repeat; - height: 26px; + + // CASE: right to left layout + display: inline-block; @include left(8px); opacity: 0.5; overflow: hidden; - position: absolute; top: 4px; + margin-top: 1px; + margin-right: 2px; @include transition(all 0.15s linear 0s); width: 19px; } + div { + margin-top: 3px; + float: right; + margin-left: 4px; + } + div { + margin-top: 3px; + float: right; + margin-left: 4px; + } &:hover, &:focus { .avatar { diff --git a/lms/templates/navigation-edx.html b/lms/templates/navigation-edx.html index 2714920b77..bc586f7664 100644 --- a/lms/templates/navigation-edx.html +++ b/lms/templates/navigation-edx.html @@ -68,8 +68,11 @@ site_status_msg = get_site_status_msg(course_id)
  1. - - ${_("Dashboard for:")} ${user.username} + + ${_("Dashboard for:")} +
    + ${user.username} +