From 811014c4cc7538c1428a390378d950ded05a8b82 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Thu, 3 Jan 2019 18:15:02 +0000
Subject: [PATCH] update: content moved to .content

---
 components/ContentPage.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/components/ContentPage.vue b/components/ContentPage.vue
index 27f3d60..103aa88 100644
--- a/components/ContentPage.vue
+++ b/components/ContentPage.vue
@@ -2,7 +2,9 @@
   <div class="content-page">
     <h1 class="page-heading">{{ heading }}</h1>
     <section class="content-container">
-      <slot></slot>
+      <div class="content">
+        <slot></slot>
+      </div>
     </section>
     <div class="background background-container">
       <div class="background background-loading"
@@ -84,18 +86,29 @@ $z-index-top: 10;
   position: relative;
 
   height: 100%;
+  width: 100%;
 
   overflow-y: auto;
   overflow-x: hidden;
 
   @media (min-width: $bp__layout) {
     position: absolute;
-    width: 50%;
     top: 0;
     right: 0;
   }
 }
 
+.content {
+  position: absolute;
+  width: 100%;
+  top: 0;
+  right: 0;
+
+  @media (min-width: $bp__layout) {
+    width: 50%;
+  }
+}
+
 .background-container {
   z-index: $z-index-bottom
 }