From 0bec13edc06e703c2e1e7aeccfde01bea227a08b Mon Sep 17 00:00:00 2001
From: Ana Gelez <ana@gelez.xyz>
Date: Sun, 1 Sep 2019 18:53:15 +0200
Subject: [PATCH] Improve responsiveness

---
 assets/themes/default/_article.scss | 27 +++++++++++++++++++++++++++
 assets/themes/default/_global.scss  |  6 +++++-
 assets/themes/default/_header.scss  |  1 +
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/assets/themes/default/_article.scss b/assets/themes/default/_article.scss
index f44e7faf..767d80a6 100644
--- a/assets/themes/default/_article.scss
+++ b/assets/themes/default/_article.scss
@@ -490,3 +490,30 @@ input:checked ~ .cw-container > .cw-text {
     display: inline;
   }
 }
+
+// Small screens
+@media screen and (max-width: 600px) {
+  #plume-editor header {
+    flex-direction: column-reverse;
+
+    button {
+      flex: 0 0 0;
+    }
+  }
+
+  .popup {
+    top: 10vh;
+    bottom: 10vh;
+    left: 1vw;
+    right: 1vw;
+  }
+
+  main article {
+    margin: 2.5em .5em;
+    max-width: none;
+  }
+
+  main .article-meta > *, main .article-meta .comments, main .article-meta > .banner > * {
+    margin: 0 5%;
+  }
+}
diff --git a/assets/themes/default/_global.scss b/assets/themes/default/_global.scss
index 99e3dc2b..a33739d1 100644
--- a/assets/themes/default/_global.scss
+++ b/assets/themes/default/_global.scss
@@ -490,6 +490,10 @@ figure {
 
 /// Small screens
 @media screen and (max-width: 600px) {
+  body > main > *, .h-feed > * {
+    margin: 1em;
+  }
+
   main .article-meta {
     > *, .comments {
       margin: 0 5%;
@@ -535,7 +539,7 @@ figure {
     margin: 0;
 
     & > * {
-      max-width: 100%;
+      max-width: 100% !important;
     }
   }
 
diff --git a/assets/themes/default/_header.scss b/assets/themes/default/_header.scss
index 774bb2ec..a53eee61 100644
--- a/assets/themes/default/_header.scss
+++ b/assets/themes/default/_header.scss
@@ -222,6 +222,7 @@ body > header {
  	}
 }
 
+// Small screens
 @media screen and (max-width: 600px) {
   @keyframes menuOpening {
     from {