From 9e0350322b586a3cbf541301ffc396ef46c69c86 Mon Sep 17 00:00:00 2001
From: Dominic Masters <dominic@domsplace.com>
Date: Tue, 13 Mar 2018 05:28:05 +1100
Subject: [PATCH] Fixed z-ordering issue

---
 public/components/navigation/Menu.jsx           |   4 ++--
 public/components/pages/TestAboutPage.jsx       |   2 +-
 public/images/dotted_bg_yellow.png              | Bin 171 -> 209 bytes
 .../styles/components/_page--style-about.scss   |   5 +++++
 .../components/_section--style-three.scss       |   2 +-
 public/styles/components/_section.scss          |   2 ++
 6 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/public/components/navigation/Menu.jsx b/public/components/navigation/Menu.jsx
index 305d036..b03bad3 100644
--- a/public/components/navigation/Menu.jsx
+++ b/public/components/navigation/Menu.jsx
@@ -87,10 +87,10 @@ class Menu extends React.Component {
       for(var x = 0; x < sKeys.length; x++) {
         let sKey = sKeys[x];
         console.log(sKey);
-        menuItems.push(<MenuItem to={MenuItems[k][sKey]} onClick={this.closeMenu.bind(this)}>{Language.get(sKey)}</MenuItem>)
+        menuItems.push(<MenuItem to={MenuItems[k][sKey]} onClick={this.closeMenu.bind(this)} key={x+"-"+i}>{Language.get(sKey)}</MenuItem>)
       }
       menu.push(
-        <MenuGroup title={Language.get(k)}>
+        <MenuGroup title={Language.get(k)} key={i}>
           {menuItems}
         </MenuGroup>
       );
diff --git a/public/components/pages/TestAboutPage.jsx b/public/components/pages/TestAboutPage.jsx
index 07d56a9..47f9e20 100644
--- a/public/components/pages/TestAboutPage.jsx
+++ b/public/components/pages/TestAboutPage.jsx
@@ -25,7 +25,7 @@ class TestAboutPage extends React.Component {
 
   render() {
     return (
-      <Page>
+      <Page className="c-page--style-about">
         About
       </Page>
     )
diff --git a/public/images/dotted_bg_yellow.png b/public/images/dotted_bg_yellow.png
index 7eecf05d91cf15da1e714fed2e44a51ba0427ad7..dd80b943487f7d320c457ca198e7a3fe6b51e2cd 100644
GIT binary patch
delta 164
zcmZ3@c#%=DGr-TCmrII^fq{Y7)59eQNGpIa2NRI|Bk^|eL`7+?gA5FO2N`!v%ziu3
zO+LrS@S{TJRG_q<r;B5Vhxgmd8#x&i1e^oE&p+k3?yBiIJy(IILkC40!`bSlPLy0K
zGeKs;FV=6f!cCaj8`2&yT;Tb|8fU3ssc@D3g}%e?d_E68kE4w}%qyxL)tHz19|D@p
N;OXk;vd$@?2>{!HHO&A3

delta 126
zcmcb}xSCP1Gr-TCmrII^fq{Y7)59eQNDF{42NRH-FfqeyqM|g{AqED%LyV#tUJVo7
z<lPL-Tr$^x1xjmpx;Tbd_$UAP|DVq@LnE`|+ZP5I#cqC8-W?Ybt~8u3-f>~U<q!Y)
Z7?$k2V4q;UpaiIg!PC{xWt~$(696vfC^P^7

diff --git a/public/styles/components/_page--style-about.scss b/public/styles/components/_page--style-about.scss
index 0014232..d320142 100644
--- a/public/styles/components/_page--style-about.scss
+++ b/public/styles/components/_page--style-about.scss
@@ -10,6 +10,11 @@
  *  Version:
  *    1.0.0 - 2018/03/11
  */
+.c-page--style-about {
+  background: url('./../images/dotted_bg_yellow.png');
+  background-size: 16px 16px;
+}
+
 .c-page--style-about__profile-container {
   margin-bottom: 5em;
 }
diff --git a/public/styles/components/_section--style-three.scss b/public/styles/components/_section--style-three.scss
index c275668..78c62b3 100644
--- a/public/styles/components/_section--style-three.scss
+++ b/public/styles/components/_section--style-three.scss
@@ -11,7 +11,7 @@
 .c-section--style-three {
   height: 60vmin;
   position: relative;
-  z-index: -1;
+  z-index: 0;
   overflow-y: visible;
 }
 
diff --git a/public/styles/components/_section.scss b/public/styles/components/_section.scss
index 31a8972..6de6a49 100644
--- a/public/styles/components/_section.scss
+++ b/public/styles/components/_section.scss
@@ -13,6 +13,8 @@
   width: 100%;
   display: block;
   max-width: $s-layout--page-max;
+  z-index: 1;
+  position:relative;
 }
 
 .c-section--full-width {