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)
+ <% if ( verificationDeadline ) { %> + <%- _.sprintf( + gettext( "You can pay now even if you don't have the following items available, but you will need to have these by %(date)s to qualify to earn a Verified Certificate." ), + { date: verificationDeadline } + ) %> + <% } else if ( !isActive ) { %> + <%- gettext( "You need to activate your account before you can enroll in courses. Check your inbox for an activation email. After you complete activation you can return and refresh this page." ) %> + <% } else { %> + <%- gettext( "You can pay now even if you don't have the following items available, but you will need to have these to qualify to earn a Verified Certificate." ) %> + <% } %> +
+ <% } %> ++ <%- gettext( "Check Your Email" ) %> +
+- <% if ( verificationDeadline ) { %> - <%- _.sprintf( - gettext( "You can pay now even if you don't have the following items available, but you will need to have these by %(date)s to qualify to earn a Verified Certificate." ), - { date: verificationDeadline } - ) %> - <% } else if ( !isActive ) { %> - <%- gettext( "You need to activate your account before you can enroll in courses. Check your inbox for an activation email. After you complete activation you can return and refresh this page." ) %> - <% } else { %> - <%- gettext( "You can pay now even if you don't have the following items available, but you will need to have these to qualify to earn a Verified Certificate." ) %> - <% } %> -
- <% } %> -- <%- gettext( "Check Your Email" ) %> -
-