Make image thumbnail tiles consistent in width.

1 files changed, 5 insertions, 3 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; }