[yelp-xsl] html.xsl: Changing mobile from 480px to 400px

[Shaun McCance <shaunm src gnome org>]

commit b35cdbd1391bb3072edb46cfac95b8209b13e82c
Author: Shaun McCance <shaunm gnome org>
Date:   Wed Jan 18 11:49:11 2012 -0500

    html.xsl: Changing mobile from 480px to 400px

 xslt/common/html.xsl                |    4 ++--
 xslt/mallard/html/mal2html-page.xsl |    8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)
---
diff --git a/xslt/common/html.xsl b/xslt/common/html.xsl
index 9edb454..f30e820 100644
--- a/xslt/common/html.xsl
+++ b/xslt/common/html.xsl
@@ -776,7 +776,7 @@ p a {
     <xsl:value-of select="$color.blue_border"/><xsl:text>;
 }
 a img { border: none; }
- media only screen and (max-width: 480px) {
+ media only screen and (max-width: 400px) {
   div.page {
     margin: 0;
     border: none;
@@ -1253,7 +1253,7 @@ div.ui-expander > div.inner > div.hgroup:hover * {
 div.ui-expander > div.inner > div.hgroup > .subtitle {
   margin-</xsl:text><xsl:value-of select="$left"/><xsl:text>: 2em;
 }
- media only screen and (max-width: 480px) {
+ media only screen and (max-width: 400px) {
   div.links {
     margin-left: 6px;
     margin-right: 6px;
diff --git a/xslt/mallard/html/mal2html-page.xsl b/xslt/mallard/html/mal2html-page.xsl
index 8c3d16d..53d81bb 100644
--- a/xslt/mallard/html/mal2html-page.xsl
+++ b/xslt/mallard/html/mal2html-page.xsl
@@ -868,7 +868,7 @@ ul.mouseovers a img {
   position: absolute;
   margin: 0; padding: 0;
 }
- media only screen and (max-width: 480px) {
+ media only screen and (max-width: 400px) {
   ul.mouseovers a {
     display: block;
     padding: 6px;
@@ -894,7 +894,7 @@ div.links-grid > div.desc {
   margin: 0;
   color: </xsl:text><xsl:value-of select="$color.text_light"/><xsl:text>;
 }
- media only screen and (max-width: 480px) {
+ media only screen and (max-width: 400px) {
   div.links-grid {
     width: 47%;
   }
@@ -907,7 +907,7 @@ div.links-twocolumn {
   margin-</xsl:text><xsl:value-of select="$right"/><xsl:text>: 1%;
   vertical-align: top;
 }
- media only screen and (max-width: 480px) {
+ media only screen and (max-width: 400px) {
   div.links-twocolumn {
     width: 100%;
     margin-</xsl:text><xsl:value-of select="$right"/><xsl:text>: 0;
@@ -946,7 +946,7 @@ a.linkdiv > span.desc {
   color: </xsl:text><xsl:value-of select="$color.text_light"/><xsl:text>;
 }
 span.linkdiv-dash { display: none; }
- media only screen and (max-width: 480px) {
+ media only screen and (max-width: 400px) {
   div.linkdiv {
     margin-left: -6px;
     margin-right: -6px;