Fix display of user menu on map page.

1 files changed, 28 insertions, 0 deletions

diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index f03fa85ae..5a35d989b 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -271,6 +271,34 @@ body.mappage {
 
   #user-meta {
     max-width: none;
+    p {
+      display: block;
+      height: auto;
+      width: 22.2em; // 27em (.content width) - 2em (.content padding) - 6em - 0.8em
+      padding: 0.5em 6em 0.5em 0.8em;
+      top: 0;
+      left: 0;
+      z-index: 1;
+      box-shadow: none;
+      background: #FCEA9A;
+      border-bottom: 1px solid #ffd000;
+
+      a {
+        // move the "Sign out" link in and down a bit, because of extra padding on parent
+        top: 0.8em;
+        right: 0.8em;
+      }
+    }
+
+    & + .container .content {
+      padding-top: 3.5em; // make room for user menu!
+    }
+  }
+
+  .banner {
+    p {
+      top: -2.1em; // a few pixels lower than default
+    }
   }
 }