Resize image below 660px width

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 54de5a5ba591386149a32e750fbb3ddad924201a..eac956f1c11cf71b2133561606ee448d293107cb 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -479,3 +479,12 @@ table.media_panel th {
   font-family: Inconsolata, monospace;
   line-height: 1em;
 }
+
+@media screen and (max-width: 660px) {
+  .media_pane {
+    width: 100%;
+  }
+  img.media_image {
+    width: 100%;
+  }
+}