Responsive thumbnail gallery time

1 files changed, 17 insertions, 1 deletions

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index d7628bf4..dc0f3b85 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -349,7 +349,7 @@ textarea#comment_content {
   padding: 0px;
   width: 180px;
   overflow: hidden;
-  margin: 0px 4px 10px 4px;
+  margin: 0px 5px 10px 5px;
   text-align: center;
   font-size: 0.875em;
   list-style: none;
@@ -512,6 +512,10 @@ table.media_panel th {
     display: inline;
   }
 
+  .media_thumbnail {
+    width: 21%;
+  }
+
   .profile_sidebar {
     width: 100%;
     margin: 0px;
@@ -541,3 +545,15 @@ table.media_panel th {
     padding: 9px 14px;
   }
 }
+
+@media screen and (max-width: 570px) {
+  .media_thumbnail {
+    width: 29%;
+  }
+}
+
+@media screen and (max-width: 380px) {
+  .media_thumbnail {
+    width: 46%;
+  }
+}