Hide Tag Bar If There Are No Tags

css/style.css

@@ -139,6 +139,10 @@ body {
   grid-template-rows: repeat(2, 1fr);
 }
 
+.content-single.notags {
+  bottom: 0 !important;
+}
+
 .content-single .single-image {
   grid-column: 1 / 4;
   grid-row: 1 / 3;

tpl/single.html

@@ -5,7 +5,11 @@
 {% block content %}
 
 <div class="container">
+  {% if(!empty($tags)): %}
   <div class="content-single">
+  {% else: %}
+  <div class="content-single notags">
+  {% endif %}
     <div class="single-image">
       <img src="{{ $imageurl }}" title="{{ $page }}/{{ $last_page }}" />
     </div>
@@ -23,12 +27,12 @@
     </a>
     {% endif %}
   </div>
-  <div class="page-footer">
   {% if(!empty($tags)): %}
+  <div class="page-footer">
     {% foreach($tags as $tag): %}
     <a href="/index.php?d={{ $dir }}&so={{ $sort }}&s={{ $gallery_slice }}&f={{{ $tag }}}"><span class="tag">{{ $tag }}</span></a>
     {% endforeach %}
+  </div>
   {% endif %}
 </div>
-</div>
 {% endblock %}