More page layout adjustments for mobile browsers and small windows

[ikiwiki.git] / themes / actiontabs / style.css

diff --git a/themes/actiontabs/style.css b/themes/actiontabs/style.css
index 26cdc1e86613648fb9b86320702c3314a952e29c..67720e285cc1eb52270081295b9b9011bf27df18 100644 (file)
--- a/themes/actiontabs/style.css
+++ b/themes/actiontabs/style.css
@@ -76,7 +76,7 @@ body {
        padding: 2px;
 }
 
-#content, #comments, #footer {
+#content, #enclosure, #comments, #footer {
        margin: 1em 2em;
 }
 
@@ -143,7 +143,17 @@ div.recentchanges {
        border-color: #999;
 }
 
-.trails {
+.pageheader .trails {
        /* 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;
+       }
+}