diff --git a/cms/static/sass/elements/_header.scss b/cms/static/sass/elements/_header.scss index fca20860f0..e1c12c9131 100644 --- a/cms/static/sass/elements/_header.scss +++ b/cms/static/sass/elements/_header.scss @@ -29,7 +29,6 @@ .wrapper-l { float: left; - margin-right: flex-gutter(); width: flex-grid(7,12); } @@ -45,11 +44,15 @@ vertical-align: middle; } + .nav-account { + width: 100%; + } + // basic layout - nav items nav { > ol > .nav-item { - @extend .t-action2; + @extend .t-action3; display: inline-block; vertical-align: middle; font-weight: 600; @@ -193,11 +196,16 @@ .nav-account-user { - .account-username { - width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + .title { + max-width: ($baseline*6.5); + + > .label { + display: inline-block; + max-width: 85%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } } } } diff --git a/cms/static/sass/elements/_navigation.scss b/cms/static/sass/elements/_navigation.scss index 741ddb3ee4..4a6aacc529 100644 --- a/cms/static/sass/elements/_navigation.scss +++ b/cms/static/sass/elements/_navigation.scss @@ -28,7 +28,8 @@ nav { .title { .label, .icon-caret-down { - + display: inline-block; + vertical-align: middle; } .ui-toggle-dd { diff --git a/cms/templates/widgets/header.html b/cms/templates/widgets/header.html index 2ad4b654e1..ea373bbb83 100644 --- a/cms/templates/widgets/header.html +++ b/cms/templates/widgets/header.html @@ -116,7 +116,7 @@