From 3b19093b2f57393c85fb5667ce394953d2d4bcf4 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 24 Sep 2019 10:46:55 +0200
Subject: [PATCH] Responsive help page

---
 src/scss/main.scss |  4 ----
 src/views/Help.vue | 22 ++++++++++++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/scss/main.scss b/src/scss/main.scss
index d581a0b..18e4cba 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -78,10 +78,6 @@ main {
   @media screen and (max-width: $responsive-screen) {
     padding: 0 15px;
   }
-
-  @media screen and (max-width: $small-screen) {
-    padding: 0 10px;
-  }
 }
 
 .caret::after {
diff --git a/src/views/Help.vue b/src/views/Help.vue
index 1a647c4..1357700 100644
--- a/src/views/Help.vue
+++ b/src/views/Help.vue
@@ -151,6 +151,28 @@
     }
   }
 
+  @media screen and (max-width: $small-screen) {
+    .blocks {
+      width: auto;
+    }
+
+    .block-with-image {
+      flex-direction: column;
+
+      .text-block {
+        margin-left: 0 !important;
+      }
+
+      .text-block {
+        text-align: left;
+      }
+
+      .image-block {
+        margin: 40px 0;
+      }
+    }
+  }
+
 </style>
 
 <script>