From 8fa755eabcc75cdd4977dc7890131810b38a1e6e Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Wed, 1 Mar 2023 09:31:28 +0100
Subject: [PATCH] Reduce vertical space for articles list on large screens

---
 src/articles/static/public.css                    | 11 +++++++++++
 src/articles/templates/articles/article_list.html |  4 ++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/articles/static/public.css b/src/articles/static/public.css
index ce3331c..c12cc89 100644
--- a/src/articles/static/public.css
+++ b/src/articles/static/public.css
@@ -49,3 +49,14 @@ a.tag:not(:first-of-type):before {
 #metadata {
     margin-bottom: 1.5rem;
 }
+
+#articles-list time {
+    display: inline-block;
+    min-width: 11ex;
+}
+
+@media (max-width: 720px) {
+    #articles-list time {
+        display: block;
+    }
+}
diff --git a/src/articles/templates/articles/article_list.html b/src/articles/templates/articles/article_list.html
index 13b5abd..2fa30da 100644
--- a/src/articles/templates/articles/article_list.html
+++ b/src/articles/templates/articles/article_list.html
@@ -15,12 +15,12 @@
 {% block title %}{% if view.html_title %}{{ view.html_title }} | {% endif %}{% endblock %}
 
 {% block content %}
-    <section>
+    <section id="articles-list">
         <h2 id="blog-posts">{% block main_title %}{{ view.main_title }}{% endblock %}</h2>
         {% block search_bar %}{% endblock %}
         {% for article in articles %}
             <p>
-                {% include "articles/snippets/datetime.html" %}<br>
+                {% include "articles/snippets/datetime.html" %}
                 <a href="{% url 'article-detail' slug=article.slug %}">{{ article.title }}</a>
             </p>
         {% empty %}