From d1e2ee6f33b5145c24b5e6c81079a4cb2adff475 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Sun, 18 Apr 2021 23:03:14 +0200
Subject: [PATCH] docs: improve mobile spacings

---
 docs/src/components/AppSection/style.scss | 2 +-
 docs/src/components/PageFooter/style.scss | 2 +-
 docs/src/layouts/App/base.scss            | 2 +-
 docs/src/layouts/App/style.scss           | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/src/components/AppSection/style.scss b/docs/src/components/AppSection/style.scss
index c8fb1cff..c3713a82 100644
--- a/docs/src/components/AppSection/style.scss
+++ b/docs/src/components/AppSection/style.scss
@@ -4,7 +4,7 @@
   &__inner {
     position: relative;
     z-index: 2;
-    padding: 5rem 1rem;
+    padding: 5rem 1.5rem;
     margin: 0 auto;
     max-width: 50rem;
 
diff --git a/docs/src/components/PageFooter/style.scss b/docs/src/components/PageFooter/style.scss
index 3993596b..97c43e5e 100644
--- a/docs/src/components/PageFooter/style.scss
+++ b/docs/src/components/PageFooter/style.scss
@@ -4,7 +4,7 @@
   background: $colorBlack;
   color: $colorWhite;
   flex-direction: column;
-  padding: 3rem 1rem;
+  padding: 3rem 1.5rem;
   font-size: 0.85rem;
   overflow: hidden;
 
diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss
index 68df1f91..0b43f9af 100644
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -163,7 +163,7 @@ code {
     }
 
     &.is-large {
-      font-size: 3rem;
+      font-size: 2.5rem;
 
       @media (min-width: 600px) {
         font-size: 3.75rem;
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index f51c8163..ab0e658f 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -33,7 +33,7 @@ $menuBreakPoint: 800px;
     align-items: center;
     flex: 0 0 auto;
     height: $navHeight;
-    padding: 0 1rem;
+    padding: 0 1.5rem;
 
     @media (min-width: $mobileBreakPoint) {
       padding: 0 2rem;
@@ -312,7 +312,7 @@ $menuBreakPoint: 800px;
   }
 
   &__mobile-menu {
-    padding: 1rem 0 1rem 1rem;
+    padding: 1rem 0 1rem 1.5rem;
     flex: 1 1 auto;
     overflow-x: hidden;
     overflow-y: auto;