Merge branch 'issues/freshdesk-470-bexley-redesign'

2 files changed, 47 insertions, 6 deletions

diff --git a/web/cobrands/bexley/_colours.scss b/web/cobrands/bexley/_colours.scss
index 615ef65a4..453623fb5 100644
--- a/web/cobrands/bexley/_colours.scss
+++ b/web/cobrands/bexley/_colours.scss
@@ -40,9 +40,9 @@ $primary_text: $text_black;
 $base_bg: $white;
 $base_fg: $text_black;
 
-$nav_background_colour: $fuchsia;
-$nav_colour: $white;
-$nav_hover_background_colour: darken($fuchsia, 10%);
+$nav_background_colour: $white;
+$nav_colour: $text_black;
+$nav_hover_background_colour: $fuchsia_lt;
 
 $col_click_map: $aqua;
 
diff --git a/web/cobrands/bexley/layout.scss b/web/cobrands/bexley/layout.scss
index 948b01443..c18574bd5 100644
--- a/web/cobrands/bexley/layout.scss
+++ b/web/cobrands/bexley/layout.scss
@@ -6,6 +6,10 @@ body.twothirdswidthpage .content .sticky-sidebar aside {
     top: 10em;
 }
 
+#site-header {
+    border-top: 7px solid $fuchsia;
+}
+
 #site-logo {
     width: 208px;
     height: 80px;
@@ -18,10 +22,47 @@ body.twothirdswidthpage .content .sticky-sidebar aside {
     color: $fuchsia_lt;
 }
 
+.frontpage {
+    .nav-menu--main {
+        margin: 3em 0 0 0;
+    }
+}
+
 .nav-menu--main {
-  span {
-    background-color: $nav_hover_background_colour;
-  }
+    a {
+        &:hover,
+        &:active,
+        &:focus {
+            color: $text_black;
+        }
+    }
+    a.report-a-problem-btn,
+    span.report-a-problem-btn,
+    span {
+        background-color: $nav_hover_background_colour;
+        color: $text_black;
+        border-radius: 0;
+        &:hover {
+            color: $fuchsia;
+            cursor: pointer;
+        }
+    }
+    a[href='/auth'] {
+        position: absolute;
+        top: 0;
+        right: 1em;
+        .frontpage & {
+            right: 0;
+        }
+        background-color: $fuchsia;
+        color: $white;
+        padding: 0 0.75em;
+        &:hover,
+        &:active,
+        &:focus {
+            color: $white;
+        }
+    }
 }
 
 .general-notes {