html: Changed mobile padding from 6px to 12pxwip/if-1-0

2 files changed, 16 insertions, 16 deletions

diff --git a/xslt/common/html.xsl b/xslt/common/html.xsl
index f30e820a..9bf892b4 100644
--- a/xslt/common/html.xsl
+++ b/xslt/common/html.xsl
@@ -789,15 +789,15 @@ a img { border: none; }
   div.body > div.region > div.contents > *,
   div.body > div.region > div.sect > div.inner > div.hgroup > *,
   div.body > div.region > div.sect > div.inner > div.region > div.contents > * {
-    margin-left: 6px;
-    margin-right: 6px;
+    margin-left: 12px;
+    margin-right: 12px;
   }
   div.body > div.region > div.sect-links {
     margin-left: 0;
     margin-right: 0;
   }
   div.trails {
-    padding: 6px;
+    padding: 12px;
   }
 }
 </xsl:text>
@@ -1255,8 +1255,8 @@ div.ui-expander > div.inner > div.hgroup > .subtitle {
 }
 @media only screen and (max-width: 400px) {
   div.links {
-    margin-left: 6px;
-    margin-right: 6px;
+    margin-left: 12px;
+    margin-right: 12px;
   } 
   li.links { padding: 0; }
   div.body > div.region > div.contents > div.steps,
@@ -1267,8 +1267,8 @@ div.ui-expander > div.inner > div.hgroup > .subtitle {
     margin-right: 0;
   }
   div.steps > div.inner > div.title {
-    margin-left: 16px;
-    margin-right: 16px;
+    margin-left: 18px;
+    margin-right: 18px;
   }
   ol.steps, ul.steps {
     -moz-box-shadow: none;
@@ -1284,8 +1284,8 @@ div.ui-expander > div.inner > div.hgroup > .subtitle {
   }
   div.note-sidebar > div.inner > div.title,
   div.note-sidebar > div.inner > div.region > div.contents {
-    margin-left: 6px;
-    margin-right: 6px;
+    margin-left: 12px;
+    margin-right: 12px;
   }
 }
 </xsl:text>
diff --git a/xslt/mallard/html/mal2html-page.xsl b/xslt/mallard/html/mal2html-page.xsl
index f06f6cf8..b370152f 100644
--- a/xslt/mallard/html/mal2html-page.xsl
+++ b/xslt/mallard/html/mal2html-page.xsl
@@ -871,9 +871,9 @@ ul.mouseovers a img {
 @media only screen and (max-width: 400px) {
   ul.mouseovers a {
     display: block;
-    padding: 6px;
-    margin-left: -6px;
-    margin-right: -6px;
+    padding: 12px;
+    margin-left: -12px;
+    margin-right: -12px;
   }
   div.mouseovers { display: none; }
 }
@@ -948,12 +948,12 @@ a.linkdiv > span.desc {
 span.linkdiv-dash { display: none; }
 @media only screen and (max-width: 400px) {
   div.linkdiv {
-    margin-left: -6px;
-    margin-right: -6px;
+    margin-left: -12px;
+    margin-right: -12px;
   }
   div.linkdiv a {
-    padding-left: 6px;
-    padding-right: 6px;
+    padding-left: 12px;
+    padding-right: 12px;
   }
 }