Fix spacing for Recent card in extra small mode

tekktrik · Feb 2, 2024 · 2868dbb · 2868dbb
1 parent 8a62264
commit 2868dbb
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/flask_app/templates/recent.html b/flask_app/templates/recent.html
@@ -26,7 +26,7 @@
         <div class="row m-2">
         {% endif %}
             <div class="col-md-6">
-                <div class="card recent-load-in" style="--delay: {{ loop.index0 * 0.2 + 0.2}}s;">
+                <div class="card recent-load-in{% if loop.index0 % 2 == 0 %} mb-2 mb-sm-0{% endif %}" style="--delay: {{ loop.index0 * 0.2 + 0.2}}s;">
                     <a href="{{ repo.url }}" aria-label="Link to {{ repo.name }}"><img src="/static/img/gh_cards/{{ current_datetime }}/card{{ loop.index0 }}.png" class="card-img-top" alt="Image summary statistics for {{ repo.name }}"/></a>
                     <div class="card-body rounded-bottom" style="background-color: white;">
                         {% if repo.languages.nodes|length == 0 %}