From 218c72915489e25e1d6ca7b09979c45abf64a3a3 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva@users.noreply.github.com>
Date: Wed, 16 Sep 2020 09:51:28 +0200
Subject: [PATCH] fix(sidebar): no margin on mobile (#89)

---
 src/client/theme-default/styles/layout.css | 6 ++++++
 src/client/theme-default/styles/vars.css   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/styles/layout.css b/src/client/theme-default/styles/layout.css
index f0413bf1613a..9f8b33f425a0 100644
--- a/src/client/theme-default/styles/layout.css
+++ b/src/client/theme-default/styles/layout.css
@@ -91,6 +91,12 @@ main {
   }
 }
 
+@media screen and (max-width: 719px) {
+  main {
+    margin-left: 0;
+  }
+}
+
 a {
   text-decoration: none;
 }
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
index 859d6ec4a18e..33fc94c674a3 100644
--- a/src/client/theme-default/styles/vars.css
+++ b/src/client/theme-default/styles/vars.css
@@ -1,7 +1,7 @@
 .theme {
   --border-color: rgb(226, 232, 240);
   --header-height: 3.6rem;
-  --sidebar-width: 20rem;
+  --sidebar-width: 16.4rem;
   --text-color: #2c3e50;
   --text-color-light: #476582;
   --code-bg-color: #282c34;