From 62c2329aee75c3d48560d6e7252234153ae813bb Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Tue, 31 Dec 2019 17:34:22 +0300
Subject: [PATCH] more paddings and margins for mobile devices

---
 frontend/src/Documents/Docs.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Documents/Docs.scss b/frontend/src/Documents/Docs.scss
index 4fd314c..5976a83 100644
--- a/frontend/src/Documents/Docs.scss
+++ b/frontend/src/Documents/Docs.scss
@@ -13,6 +13,7 @@
     }
 
     .section {
+        padding: 1rem;
         width: 100%;
     }
 
@@ -22,6 +23,11 @@
         flex-grow: 0;
         flex-wrap: wrap;
 
+        // 400px is the minimal width for 2 cards to fit
+        @media (max-width: 400px) {
+            justify-content: center;
+        }
+
         .card {
             transition: 0.3s;
             user-select: none;
@@ -81,13 +87,14 @@
         align-content: baseline;
 
         h1 {
-            margin-left: 0;
+            margin-left: 1rem;
             margin-right: auto;
             min-width: 0;
             flex-grow: 1;
         }
 
         input {
+            margin-left: 1rem;
             transition: 0.3s;
             font-weight: 600;
             font-size: 2rem;