3 files changed, 16 insertions, 12 deletions

diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index d3a96b7d0..480d7b21f 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -423,7 +423,7 @@ p.label-valid {
 // #site-header creates grey bar in mobile, .nav-wrapper-2 is used on desktop
 #site-header{
   border-top: 0.25em solid $primary;
-  height: 4em;
+  height: 3em;
   @include background(linear-gradient(#000, #222 10%, #222 90%, #000));
   .container {
     min-height:4em;
@@ -433,7 +433,7 @@ p.label-valid {
   display: block;
   width: 175px;
   height: 40px;
-  top: 0;
+  top: 0.4em;
   background: url('images/sprite.png') -3px -3px no-repeat;
   text-indent: -999999px;
   position: absolute;
diff --git a/web/cobrands/fixmystreet/images/sprite.png b/web/cobrands/fixmystreet/images/sprite.png
index bfa2991f4..a27fc9d84 100644
--- a/web/cobrands/fixmystreet/images/sprite.png
+++ b/web/cobrands/fixmystreet/images/sprite.png
diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index 78b26921e..5b64bc1f8 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -58,7 +58,7 @@ body {
   display: table-caption;
   .nav-wrapper-2{
     width: 100%;
-    min-height: 3.5em;
+    min-height: 4em;
     position: absolute;
     border-top: 0.25em solid $primary;
     z-index:2;
@@ -86,7 +86,7 @@ body {
   border-top: 0px;
 }
 #site-logo {
-  top: 0.75em;
+  top: 0.9em;
   position: absolute;
   z-index: 3;
 }
@@ -127,7 +127,7 @@ body {
     &#main-menu{
       li{
         a, span{
-          padding: 1em 0.75em 1.3em 0.75em;
+          padding: 0.75em;
           font-size: 0.9em;
         }
         a:hover{
@@ -143,18 +143,18 @@ body {
       padding: 0em 0.5em;
       margin-left: 0.25em;
       background:$primary;
-      @include border-radius(0 0 0.25em 0.25em);
+      @include border-radius(0 0 0.375em 0.375em);
       @include box-shadow(0em 0.3em 0.1em 0em #000);
       li{
         a{
           color:#000;
           text-transform: uppercase;
-          font-size: 0.75em;
-          padding: 1.25em 0.3em 0.75em 0.3em;
+          font-size: 0.6875em;
+          padding: 1.3em 0.7em 1em 0.7em;
           &#mysoc-logo {
-            width:110px;
-            height:20px;
-            background-position:-250px -42px;
+            width:84px;
+            height:16px;
+            background-position:-260px -43px;
             @include opacity(0.8);
             &:hover {
               @include opacity(1);
@@ -192,8 +192,12 @@ body {
   }
 }
 
-// map page - has fixed header with a gradient
+// map page - has fixed header and different styling
 body.mappage {
+  #main-nav ul#main-menu li a,
+  #main-nav ul#main-menu li span {
+    padding: 1.4em 0.75em 1.35em 0.75em;
+  }
   .nav-wrapper{
     .nav-wrapper-2{
       position: fixed;