Fix spacing of albums and photos

website/photos/templates/photos/album.html

@@ -7,11 +7,10 @@
 <h1>{{ album.title }}</h1>
 <h2>{{ album.date|date:"d-m-Y" }}</h2>
 <div class="gallery">
-    {% comment %}TODO figure out why whitespace is not rendered between tiles{% endcomment %}
     {% comment %}TODO download link{% endcomment %}
     <ul class="gallery-photos row">
         {% for photo in album.photos %}
-        <li class="post gallery-photo span3 has-overlay first-child">
+        <li class="post gallery-photo span3 has-overlay {% if forloop.counter0|divisibleby:4 %}first-child{% endif %}">
             <a class="gallery-box" rel="gallery" data-download="{% url 'photos:download' photo %}" href="{% thumbnail photo '1024x768' fit=True %}">
                 <span class="post-inner">
                     <span class="inner-img">

website/photos/templates/photos/index.html

@@ -7,10 +7,9 @@
 <h1>{% trans "Photos" %}</h1>
 
 <div class="gallery">
-    {% comment %}TODO figure out why whitespace is not rendered between tiles{% endcomment %}
     <ul class="gallery-albums row">
         {% for album in albums %}
-        <li class="post gallery-album span3 has-overlay first-child">
+        <li class="post gallery-album span3 has-overlay {% if forloop.counter0|divisibleby:4 %}first-child{% endif %}">
             <a href="{% url 'photos:album' album.slug %}">
                 <span class="post-inner">
                     <span class="inner-img">