fixed gallery thumbs display

2 files changed, 14 insertions, 5 deletions

diff --git a/bn_django/photos/templates/photos/gallery_detail.html b/bn_django/photos/templates/photos/gallery_detail.html
index 318091b..da374b1 100644
--- a/bn_django/photos/templates/photos/gallery_detail.html
+++ b/bn_django/photos/templates/photos/gallery_detail.html
@@ -19,17 +19,19 @@ Gallery: {{ object.title }}
 {% if object %}
 <br />
 {% if object.photo_set.count %}
-
+<table width="100%" class="thumbs">
 {% for item in object.photo_set.all %}
-<span class="photo_thumb">
+    {% cycle <tr/>,&nbsp;,&nbsp;,&nbsp; %}
+    <td class="photo_thumb">
     <a href="../detail/{{ item.id }}">
     <img src="{{ item.thumburl }}"
         alt="{{ item.title }}" />
     <!--<a href="../detail/{{ item.id }}" class="caption">{{ item.title }}</a>
 </a> -->
+    </td>
 
-</span>
 {% endfor %}
+</table>
 
 {% else %}
 <p>There are no photos in this gallery.  If you just uploaded a batch
diff --git a/static/style/default.css b/static/style/default.css
index 691dae8..1436897 100644
--- a/static/style/default.css
+++ b/static/style/default.css
@@ -194,8 +194,15 @@ pre.large {
 .right_stuff img {
     border: 1px solid black; }
 .photo_thumb {
-    width: 160px;
-    height: 180px; }
+    width: 150px;
+    height: 112px;
+    padding: 0px;
+    margin: 0px;
+    border: none;
+    text-align: center; }
+table.thumbs tr {
+    padding: 0px;
+    margin: 0px; }
 table.listing {
     width: 100%;
     border-spacing: 0px;