From 9233792826076afbf9b03d80f7f263c3cf807f23 Mon Sep 17 00:00:00 2001
From: Jon Bergli Heier <snakebite@jvnv.net>
Date: Sun, 16 Dec 2012 14:59:49 +0100
Subject: Make image thumbnail tiles consistent in width.

---
 static/style.css      |  8 +++++---
 templates/images.tmpl | 11 ++++++-----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/static/style.css b/static/style.css
index 705ac3b..0e2002e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -11,10 +11,12 @@ div#page-menu ul { margin-left: 0; }
 div#page-menu a { color: #ccc; text-decoration: none; margin: 0 .5em 0 .5em; }
 
 ul { list-style-type: none; }
-ul.image-list li { display: inline-block; }
-ul.image-list li img { opacity: 1; }
-ul.image-list li img:hover { opacity: .8; }
 li { margin-left: 1em; }
+
+.image-list .image { display: inline-block; vertical-align: top; width: 128px; margin: .5em; }
+.image-list .image img { opacity: 1; }
+.image-list .image img:hover { opacity: .8; }
+
 p { margin-bottom: 1em; }
 code { font-family: monospace; }
 blockquote { margin: 1em; display: block; }
diff --git a/templates/images.tmpl b/templates/images.tmpl
index 1dcfc46..c284a1c 100644
--- a/templates/images.tmpl
+++ b/templates/images.tmpl
@@ -12,12 +12,13 @@
 #end def
 #def content
 <p>You have $len($files) uploaded images totaling $total_size.</p>
-<ul class="image-list">
+#if len($files)
+<div class="image-list">
 #for file in $files
-	<li>$file.image_html</li>
+	<div class="image">$file.image_html</div>
 #end for
-#if not len($files)
-	<li><em>(No image uploads yet.)</em></li>
+</div>
+#else
+<div><em>(No image uploads yet.)</em></div>
 #end if
-</ul>
 #end def
-- 
cgit v1.2.3