Thumbnail styling edits plus edits to the object_gallery (4 columns instead of 5 by default)

mediagoblin/static/css/base.css

@@ -409,9 +409,8 @@ textarea#comment_content {
   float: left;
   padding: 0px;
   width: 212px;
-  height: 156px;
   overflow: hidden;
-  margin: 0px 28px 24px 0px;
+  margin: 0px 28px 26px 0px;
   text-align: center;
   font-size: 0.875em;
   background-color: #222;
@@ -425,10 +424,16 @@ textarea#comment_content {
 .media_thumbnail a {
   color: #eee;
   text-decoration: none;
+  display: block;
+}
+
+a.thumb_entry_title {
+  padding: 8px;
 }
 
 .media_thumbnail img {
-  max-height: 135px;
+  width: 212px;
+  max-height: 159px;
 }
 
 .thumb_entry_last {

mediagoblin/templates/mediagoblin/utils/object_gallery.html

@@ -18,7 +18,7 @@
 
 {% from "mediagoblin/utils/pagination.html" import render_pagination %}
 
-{% macro media_grid(request, media_entries, col_number=5) %}
+{% macro media_grid(request, media_entries, col_number=4) %}
   <table class="thumb_gallery">
     {% for row in gridify_cursor(media_entries, col_number) %}
       <tr class="thumb_row
@@ -34,8 +34,7 @@
                              entry.media_files['thumb']) }}" />
             </a>
             {% if entry.title %}
-              <br />
-              <a href="{{ entry_url }}">{{ entry.title }}</a>
+              <a class="thumb_entry_title" href="{{ entry_url }}">{{ entry.title }}</a>
             {% endif %}
           </td>
         {% endfor %}
@@ -56,7 +55,7 @@
    - col_number: How many columns per row (default 5)
 #}
 {% macro object_gallery(request, media_entries, pagination,
-                        pagination_base_url=None, col_number=5) %}
+                        pagination_base_url=None, col_number=4) %}
   {% if media_entries and media_entries.count() %}
     {{ media_grid(request, media_entries, col_number=col_number) }}
     <div class="clear"></div>