From f5e419ae9c55d43fbfb67dfe335ddb732b7bd344 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 4 Feb 2021 00:10:03 +0100
Subject: [PATCH] improve styling

---
 docs/src/components/AppSection/style.scss | 12 ++++++++----
 docs/src/layouts/App/style.scss           |  7 ++++++-
 docs/src/main.js                          |  2 +-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/docs/src/components/AppSection/style.scss b/docs/src/components/AppSection/style.scss
index 1191485e..c8fb1cff 100644
--- a/docs/src/components/AppSection/style.scss
+++ b/docs/src/components/AppSection/style.scss
@@ -4,12 +4,16 @@
   &__inner {
     position: relative;
     z-index: 2;
-    padding: 4rem 1rem;
+    padding: 5rem 1rem;
     margin: 0 auto;
     max-width: 50rem;
 
-    // @media (min-width: $mobileBreakPoint) {
-    //   padding: 0 2rem;
-    // }
+    @media (min-width: 600px) {
+      padding: 7rem 2rem;
+    }
+  }
+
+  & + & &__inner {
+    padding-top: 0;
   }
 }
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index fd1869bf..98cab33b 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -1,4 +1,5 @@
 $navHeight: 4.5rem;
+$mobileBreakPoint: 600px;
 $menuBreakPoint: 800px;
 
 .app {
@@ -34,7 +35,7 @@ $menuBreakPoint: 800px;
     height: $navHeight;
     padding: 0 1rem;
 
-    @media (min-width: $menuBreakPoint) {
+    @media (min-width: $mobileBreakPoint) {
       padding: 0 2rem;
     }
   }
@@ -310,6 +311,10 @@ $menuBreakPoint: 800px;
     -webkit-overflow-scrolling: touch;
     overscroll-behavior: contain;
 
+    @media (min-width: $mobileBreakPoint) {
+      padding: 1rem 1rem 1rem 2rem;
+    }
+
     @media (min-width: $menuBreakPoint) {
       padding: 2rem 0;
     }
diff --git a/docs/src/main.js b/docs/src/main.js
index d5a4706a..321e6ed1 100644
--- a/docs/src/main.js
+++ b/docs/src/main.js
@@ -8,7 +8,7 @@ import App from '~/layouts/App'
 
 Prism.manual = true
 
-export default function (Vue, { head }) {
+export default function (Vue) {
   // fix docsearch
   if (typeof window === 'object' && !window.process) {
     window.process = {