Corrections for mobile layout

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 9ddeb40471154fc0d7bbbcc0542e2e8232adf3cc..0447d8e56956e86a3b14c812d00e9d6ff0acc10f 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -522,21 +522,27 @@ table.media_panel th {
 }
 
 /* Media queries and other responsivisivity */
-@media screen and (max-width: 680px) {
+
+@media screen and (max-width: 820px) {
   .media_pane {
     width: 100%;
     margin: 0px;
   }
+  
+  .media_sidebar {
+    width: 100%;
+    margin: 0px;
+  }
+
   img.media_image {
     width: 100%;
   }
-}
 
-@media screen and (max-width: 960px) {
   .profile_sidebar {
     width: 100%;
     margin: 0px;
   }
+
   .profile_showcase {
     width: 100%;
     margin: 0px;