From c8866537581dbffaa9ce880b52142e6f9ced6c7f Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Tue, 15 Sep 2020 16:44:14 +0200
Subject: [PATCH] fix(css): no margin on mobile

---
 src/client/theme-default/styles/layout.css | 13 ++++++++++---
 src/client/theme-default/styles/vars.css   |  2 +-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/client/theme-default/styles/layout.css b/src/client/theme-default/styles/layout.css
index 1f4af455..f2bec3d4 100644
--- a/src/client/theme-default/styles/layout.css
+++ b/src/client/theme-default/styles/layout.css
@@ -9,7 +9,8 @@ body {
 }
 
 .theme {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+    Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 16px;
@@ -58,7 +59,7 @@ aside {
 
 @media screen and (max-width: 719px) {
   aside {
-    transition: transform .2s ease;
+    transition: transform 0.2s ease;
     transform: translateX(-100%);
   }
 
@@ -75,7 +76,7 @@ aside {
   display: none;
 }
 
-.sidebar-mask.sidebar-open{
+.sidebar-mask.sidebar-open {
   display: block;
 }
 
@@ -90,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 859d6ec4..33fc94c6 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;