From 6c2e57304c302acfc005686515ce91d91727dd8d Mon Sep 17 00:00:00 2001
From: Jef van Schendel <mail@jefvanschendel.nl>
Date: Sat, 18 Feb 2012 14:46:12 +0100
Subject: [PATCH] Responsive thumbnail gallery time

---
 mediagoblin/static/css/base.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

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%;
+  }
+}
-- 
2.25.1