diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index 47c5fc25b..73664361e 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -211,11 +211,6 @@ body.logged-in #top-menu { max-width: 80vw; word-wrap:break-word; } -#user-panel-user-info { /* mobile only styling */ - border-top: 1px solid var(--cmg-color-lightgray-006); - margin-top: 1em; - padding-top: 1em; -} #user-panel-user-info .material-icons { float: left; font-size: 5em; @@ -313,14 +308,17 @@ body.logged-in #top-menu { display: none; } #logout-in-panel { - margin: 4px 0 -8px; + position: absolute; + top: 0; + right: 0; + margin: 8px 0 -8px; text-align: right; } #login .material-icons, #logout-in-panel .material-icons { font-size: 1rem; vertical-align: top; - margin-top: 0.25rem; + margin-top: 5px; } #login .material-icons { margin: 0.5rem 0; diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css index 6f63b83ee..911d8f422 100644 --- a/app/webroot/css/co-responsive.css +++ b/app/webroot/css/co-responsive.css @@ -63,16 +63,10 @@ #user-panel-id { white-space: nowrap; word-wrap: unset; + max-width: unset; } #user-panel-user-info { - border-top: none; margin: 0 80px 0 0; - padding-top: 0; - } - #logout-in-panel { - position: absolute; - top: 0; - right: 0; } #siteTitle { min-height: 46px;