Minor stylistic cleanup to User Menu (CO-2568)

arlen · Mar 30, 2023 · 8ab91a1 · 8ab91a1
1 parent b479ed1
commit 8ab91a1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 14 deletions.
diff --git 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
@@ -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;