From b2b72e7678636b676af11ffe5fd8fb4faa7a6654 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Wed, 22 Mar 2017 12:32:57 +0100
Subject: [PATCH] SPR-908: padding in small mobile

---
 css/area_footer.less         | 35 +++++++++++++++++++++++++++++++++++
 css/area_nav-breadcrumb.less |  5 +++++
 css/base_design.less         | 10 +++++++---
 3 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/css/area_footer.less b/css/area_footer.less
index 9dec28a..41f9181 100755
--- a/css/area_footer.less
+++ b/css/area_footer.less
@@ -84,3 +84,38 @@
         }
     }
 }
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* max-width: 768px */
+
+@media @screen_max-xs {
+    .page-footer {
+        padding-left: @margin-small;
+        padding-right: @margin-small;
+    }
+
+    #dokuwiki__footer {
+        .main-footer {
+            > * {
+                padding-left: 0;
+                padding-right: 0;
+            }
+        }
+    }
+}
+
+
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* max-width: 480px */
+
+@media @screen_max-xxs {
+    #dokuwiki__footer {
+        .main-footer {
+            > * {
+                padding-left: @margin-small;
+                padding-right: @margin-small;
+            }
+        }
+    }
+}
diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index ec6ae0e..f4aa473 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -15,6 +15,11 @@
         background-color: @background_page-header;
     }
 
+    @media @screen_max-xs {
+        padding-left: @margin-small;
+        padding-right: .75rem;
+    }
+
     > p {
         font-size: @font-size-small;
         margin: 0;
diff --git a/css/base_design.less b/css/base_design.less
index 64968b8..e08a732 100755
--- a/css/base_design.less
+++ b/css/base_design.less
@@ -58,13 +58,17 @@ a {
     word-wrap: break-word;
     background: @color-content-bg;
     color: inherit;
-    // margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border
     padding: @page_padding-top @margin-default @margin-default;
 
-    @media @screen_max-md{
-        padding-right: (@margin-default *1.6);
+    @media @screen_max-md {
+        padding-right: (@margin-default * 1.6);
+    }
+
+    @media @screen_max-xs {
+        padding-left: @margin-small;
     }
 }
+
 .content #dokuwiki__pagetools{
     @media @screen_max-md{
         top: 4rem;