From 11401cfe6a759cf3f68822523d5b662c6c98dad4 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Thu, 3 Jan 2019 18:32:11 +0000
Subject: [PATCH] site menu width

---
 TODO.md                    | 2 ++
 components/ContentPage.vue | 6 ++++++
 components/SiteMenu.vue    | 1 +
 3 files changed, 9 insertions(+)
 create mode 100644 TODO.md

diff --git a/TODO.md b/TODO.md
new file mode 100644
index 0000000..a9b87aa
--- /dev/null
+++ b/TODO.md
@@ -0,0 +1,2 @@
+## Services Page
+* Have background change as scrolling down the services?
diff --git a/components/ContentPage.vue b/components/ContentPage.vue
index 103aa88..3ccbd58 100644
--- a/components/ContentPage.vue
+++ b/components/ContentPage.vue
@@ -104,9 +104,15 @@ $z-index-top: 10;
   top: 0;
   right: 0;
 
+  padding: 2rem;
+
   @media (min-width: $bp__layout) {
     width: 50%;
+
+    background-color: rgba(0, 0, 0, .3);
   }
+
+  color: #fff; // TEMP
 }
 
 .background-container {
diff --git a/components/SiteMenu.vue b/components/SiteMenu.vue
index 09832b1..c2b6e34 100644
--- a/components/SiteMenu.vue
+++ b/components/SiteMenu.vue
@@ -50,6 +50,7 @@ export default {
   }
 
   @media (min-width: $bp__layout) {
+    width: 50%;
     max-width: 30em;
     top: 0;
     right: 100%;