Reduce the sidebar width

1 files changed, 14 insertions, 2 deletions

diff --git a/theme/custom/custom.css b/theme/custom/custom.css
index befa945..73f879b 100755
--- a/theme/custom/custom.css
+++ b/theme/custom/custom.css
@@ -22,8 +22,11 @@ main article h1, main article h2 {
 }
 
 main {
-  font-size: 1.5em;
-  line-height: 1.5em;
+ font-size: 1.5em;
+ line-height: 1.5em;
+ /* Reduce the sidebar with to 20% */
+ left: 20vw;
+ width: 80vw;
 }
 
 
@@ -37,10 +40,19 @@ a {
 aside {
  background-color: var(--side-background-color);
 }
+
 aside,
 aside a {
  color:#eceff4
 }
+
+@media screen and (min-width:768px) {
+ aside {
+    /* Reduce the sidebar with to 20% */
+    width:20vw;
+  }
+}
+
 a.btn,
 .tag-cloud a,
 section#isso-thread section.auth-section p.post-action input {