Make map page sidebar flush with edges of window.

3 files changed, 8 insertions, 2 deletions

diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index 8aa8afc58..06a09a1a1 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -92,6 +92,8 @@ h1 {
   height: auto;
   background: none;
   border-top: 0px;
+  // margin-top: 4px; <-- With this we compensate for 4px of content due to
+  // .nav-wrapper-2's border-top, but misaligns e.g. FAQ page
   .container {
     position: static;//reset position so the nav links become clickable
   }
@@ -214,7 +216,7 @@ h1 {
   padding: 1em 1em 3em;
   background: #fff;
   color: #222;
-  @include box-shadow(0px 0px 6px 1px #000);
+  @include box-shadow(0 0 10px rgba(0,0,0,0.5));
 }
 .ie6, .ie7, .ie8  {
   .content {
@@ -234,6 +236,7 @@ body.mappage {
   .content {
     float:left;
     padding: 1em 1em 10em;
+    margin: 0;
   }
 
   #main-nav ul#main-menu li a,
diff --git a/web/cobrands/stevenage/layout.scss b/web/cobrands/stevenage/layout.scss
index 07429b302..9886681bc 100644
--- a/web/cobrands/stevenage/layout.scss
+++ b/web/cobrands/stevenage/layout.scss
@@ -101,7 +101,7 @@ body.mappage {
             position: absolute;
             top: 11em;
             bottom: auto;
-            left: 0.5em;
+            left: 0;
             width: 29em;
             padding-top: 0.15em;
             z-index: 0;
diff --git a/web/cobrands/zurich/layout.scss b/web/cobrands/zurich/layout.scss
index 03f8b3143..085e6e84c 100644
--- a/web/cobrands/zurich/layout.scss
+++ b/web/cobrands/zurich/layout.scss
@@ -114,6 +114,9 @@ body.mappage {
     #site-logo {
         margin-left: 10px;
     }
+    .content {
+      margin-top: 1em;
+    }
 }
 
 // Logged in notice in footer (appearing in header)