From 8ac8db558dbc4e095cc7440dd2238a823322204a Mon Sep 17 00:00:00 2001
From: theo1 <theo@framasoft.org>
Date: Tue, 2 Jun 2020 14:34:36 +0200
Subject: [PATCH] Better CSS responsiveness

---
 output/theme/css/main-v2.css          | 33 +++++++++++++++++++++++++++
 themes/felicie/static/css/main-v2.css | 33 +++++++++++++++++++++++++++
 2 files changed, 66 insertions(+)

diff --git a/output/theme/css/main-v2.css b/output/theme/css/main-v2.css
index 193df98..19e4e7b 100755
--- a/output/theme/css/main-v2.css
+++ b/output/theme/css/main-v2.css
@@ -255,4 +255,37 @@ blockquote{
     width: 80%;
     font-size: 18px;
     font-family: mplus-regular;
+}
+
+/* responsive instructions */
+@media only screen and (max-width:632px) {
+    header > a > h1{
+        font-size: 2em;
+    }
+    
+    header {
+        width: 80%;
+        position: absolute;
+    }
+
+    .vignette > h2{
+        font-size: 1.5em;
+    }
+    .article-title {
+        font-size: 2em;
+        line-height: 1.5em;
+    }
+    .article {
+        display: block;
+    }
+    .article-content {
+        display: block;
+    }
+    .article-img {
+        display: block;
+    }
+
+    .column {
+        width: 80%;
+    }
 }
\ No newline at end of file
diff --git a/themes/felicie/static/css/main-v2.css b/themes/felicie/static/css/main-v2.css
index 193df98..19e4e7b 100755
--- a/themes/felicie/static/css/main-v2.css
+++ b/themes/felicie/static/css/main-v2.css
@@ -255,4 +255,37 @@ blockquote{
     width: 80%;
     font-size: 18px;
     font-family: mplus-regular;
+}
+
+/* responsive instructions */
+@media only screen and (max-width:632px) {
+    header > a > h1{
+        font-size: 2em;
+    }
+    
+    header {
+        width: 80%;
+        position: absolute;
+    }
+
+    .vignette > h2{
+        font-size: 1.5em;
+    }
+    .article-title {
+        font-size: 2em;
+        line-height: 1.5em;
+    }
+    .article {
+        display: block;
+    }
+    .article-content {
+        display: block;
+    }
+    .article-img {
+        display: block;
+    }
+
+    .column {
+        width: 80%;
+    }
 }
\ No newline at end of file