From: Jef van Schendel <mail@jefvanschendel.nl>
Date: Sun, 18 Dec 2011 01:07:49 +0000 (+0100)
Subject: Change widths to percentages for small devices
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=00c1d00771e0db68f7775968c0e33f000c5f36af;p=mediagoblin.git

Change widths to percentages for small devices
---

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 2a05e988..187d1c7a 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -418,6 +418,9 @@ table.media_panel th {
 }
 
 @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 960px)  {
+  html {
+    padding:10px;
+  }
   .navigation_button {
     position: fixed;
     bottom: 0px;
@@ -427,9 +430,19 @@ table.media_panel th {
   }
   .navigation_left {
     left: 0px;
-    width: 50%;
   }
   .media_image {
-    width: 480px;
+    width: 100%;
+  }
+  .mediagoblin_body {
+    width: 100%;
+  }
+  .mediagoblin_header, .mediagoblin_content, .mediagoblin_footer, .media_pane {
+    width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .mediagoblin_footer {
+    margin-bottom: 100px;
   }
 }