From 81812893127603c8aad4478028e79ed8f4678afa Mon Sep 17 00:00:00 2001
From: Sharon Stratsianis <sstratsianis@gmail.com>
Date: Sat, 5 Mar 2022 22:27:42 +1100
Subject: [PATCH 1/2] adjust the styling lines for the header

---
 src/header/styleMap.ts | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/header/styleMap.ts b/src/header/styleMap.ts
index 790092b94..eddb80865 100644
--- a/src/header/styleMap.ts
+++ b/src/header/styleMap.ts
@@ -13,8 +13,8 @@ export const styleMap = {
     padding: '1em',
     width: '100%',
     '&:focus, &:hover': {
-      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
-      // backgroundColor: '#eee'
+      // backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      backgroundColor: 'rgba(48.6, 30.2, 100, 5%)'
     },
     a: {
       textDecoration: 'none'
@@ -44,7 +44,8 @@ export const styleMap = {
     padding: '1em',
     width: '100%',
     '&:focus, &:hover': {
-      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      // backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      backgroundColor: 'rgba(48.6, 30.2, 100, 5%)'
     }
   },
   'header-user-menu__list': {
@@ -54,10 +55,11 @@ export const styleMap = {
   },
   'header-user-menu__navigation-menu': {
     background: 'white',
-    border: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color
-    borderRight: '0',
+    border: 'solid 1px #C8C8C8', // the color was defined in mashlib as a SASS variable $divider_color
+    borderRadius: '0.5rem',
+    borderRight: 'solid 1px #C8C8C8',
     position: 'absolute',
-    right: '0',
+    right: '0.5em',
     top: '60px', // defined in mashlib as a SASS variable $icon_size
     width: '200px',
     'z-index': '1',
@@ -66,7 +68,7 @@ export const styleMap = {
     }
   },
   'header-user-menu__list-item': {
-    borderBottom: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color
+    borderBottom: 'solid 1px #D8D8D8', // the color was defined in mashlib as a SASS variable $divider_color
     '&:last-child': {
       border: '0'
     }
@@ -80,7 +82,8 @@ export const styleMap = {
     width: '50px'
   },
   'header-banner': {
-    boxShadow: '0px 1px 4px #000000', // the color was defined in mashlib as a SASS variable $divider_color
+    border: 'solid 1px #C8C8C8',
+    boxShadow: '0px 1px 4px #C8C8C8', // the color was defined in mashlib as a SASS variable $divider_color
     display: 'flex',
     justifyContent: 'space-between',
     padding: '0 1.5em',
@@ -101,12 +104,14 @@ export const styleMap = {
     }
   },
   'header-banner__user-menu': {
-    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color
-    marginLeft: 'auto'
+    borderLeft: 'solid 1px #C8C8C8', // the color was defined in mashlib as a SASS variable $divider_color
+    marginLeft: 'auto',
+    marginRight: '0.5em'
   },
   'header-banner__help-menu': {
     borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color
-    marginLeft: 'auto'
+    marginLeft: 'auto',
+    marginRight: '0.5em'
   },
   'header-banner__icon': {
     backgroundSize: '65px 60px',

From 6a4efc3e6e6ef7d5451a28169c22154cde525208 Mon Sep 17 00:00:00 2001
From: Sharon Stratsianis <sstratsianis@gmail.com>
Date: Sun, 6 Mar 2022 07:23:43 +1100
Subject: [PATCH 2/2] changed font and color of menu text

---
 src/header/styleMap.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/header/styleMap.ts b/src/header/styleMap.ts
index eddb80865..df5ffded4 100644
--- a/src/header/styleMap.ts
+++ b/src/header/styleMap.ts
@@ -4,10 +4,10 @@ export const styleMap = {
   'header-user-menu__link': {
     background: 'none',
     border: '0',
-    color: 'black',
+    color: '#787878',
     cursor: 'pointer',
     display: 'block',
-    fontFamily: 'Arial',
+    fontFamily: 'Verdana sans-serif',
     fontSize: '1em',
     textAlign: 'left',
     padding: '1em',
@@ -35,10 +35,10 @@ export const styleMap = {
   'header-user-menu__button': {
     background: 'none',
     border: '0',
-    color: 'black',
+    color: '#787878',
     cursor: 'pointer',
     display: 'block',
-    fontFamily: 'Arial',
+    fontFamily: 'Verdana sans-serif',
     fontSize: '1em',
     textAlign: 'left',
     padding: '1em',