mobile devices portrait: don’t waste too much space on left / right margin

css/area_footer.less

@@ -26,6 +26,7 @@
             z-index: 2;
             box-sizing: border-box;
             background-color: @color-site-bg;
+
         }
         p {
             font-size: @font-size-default;

css/base_structure.less

@@ -245,3 +245,30 @@
         }
     }
 }
+
+@media @screen_max-xxs{
+    @mobileMargin: 4px;
+    .container{
+        margin: 0 @mobileMargin;
+    }
+    body.show-mobile-sidebar #dokuwiki__aside{
+        left: @mobileMargin;
+    }
+    #dokuwiki__usertools{
+        right: @mobileMargin;
+    }
+    #dokuwiki__footer{
+        .main-footer{
+            > *{
+                padding-left: 2rem;
+                padding-right: 2rem;
+            }
+
+        }
+    }
+    .page-footer{
+
+    }
+
+}
+