more paddings and margins for mobile devices

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;