More page layout adjustments for mobile browsers and small windows

diff --git a/doc/style.css b/doc/style.css
index 18bf531a6150208809cee6383b9e2194ef90ce8e..6050a2598850cd1e9ba9951cdc96a717250e6bcc 100644 (file)
--- a/doc/style.css
+++ b/doc/style.css
@@ -555,6 +555,7 @@ a.openid_large_btn:focus {
                width: auto;
                float: none;
                margin-top: 0;
+               border: none;
        }
 
        /* if the mobile browser is new enough, use flex layout to shuffle
@@ -578,4 +579,8 @@ a.openid_large_btn:focus {
                -webkit-order: 1;
                order: 1;
        }
+
+       .blogform, #blogform {
+               padding: 4px 4px;
+       }
 }

diff --git a/themes/actiontabs/style.css b/themes/actiontabs/style.css
index d4afc0915b86a44ce2ad20d5d9e574e17abae945..67720e285cc1eb52270081295b9b9011bf27df18 100644 (file)
--- a/themes/actiontabs/style.css
+++ b/themes/actiontabs/style.css
@@ -147,3 +147,13 @@ div.recentchanges {
        /* allow space for the action tabs */
        margin-bottom: 2em;
 }
+
+@media (max-width: 600px) {
+       #content, #enclosure, #comments, #footer {
+               margin: 0.5em;
+       }
+       .pageheader .actions ul li {
+               padding: .1em .2em 0 .2em;
+               font-size: 0.8em;
+       }
+}

diff --git a/themes/blueview/style.css b/themes/blueview/style.css
index 7b3382c357825f8eb514da00ef8cc36f4bfb2042..57813e2ee145b27d2dac263a4c312962e4906d35 100644 (file)
--- a/themes/blueview/style.css
+++ b/themes/blueview/style.css
@@ -291,6 +291,10 @@ body {
        #pagebody {
                margin: auto;
                border: none;
+               padding: 0.5em;
+       }
+       #footer {
+               padding: 0.5em;
        }
 }
 

diff --git a/themes/monochrome/style.css b/themes/monochrome/style.css
index bd3fdf5939c5a7754f7c08b1885ad8301e7b825e..e85f8abb55b4ce40e240a54e2105adeb6cb7eef3 100644 (file)
--- a/themes/monochrome/style.css
+++ b/themes/monochrome/style.css
@@ -10,6 +10,7 @@ body {
        margin-left: auto;
        margin-right: auto;
        width: 48em;
+       max-width: 95%;
 
        background: url(gradient.png) repeat-x white 0px -16px;
        margin-top: 48px; /* height of gradient.png that we want to see */