Reduce vertical space for articles list on large screens

This commit is contained in:
Gabriel Augendre 2023-03-01 09:31:28 +01:00
parent 522ca50ae3
commit 8fa755eabc
2 changed files with 13 additions and 2 deletions

View file

@ -49,3 +49,14 @@ a.tag:not(:first-of-type):before {
#metadata { #metadata {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
#articles-list time {
display: inline-block;
min-width: 11ex;
}
@media (max-width: 720px) {
#articles-list time {
display: block;
}
}

View file

@ -15,12 +15,12 @@
{% block title %}{% if view.html_title %}{{ view.html_title }} | {% endif %}{% endblock %} {% block title %}{% if view.html_title %}{{ view.html_title }} | {% endif %}{% endblock %}
{% block content %} {% block content %}
<section> <section id="articles-list">
<h2 id="blog-posts">{% block main_title %}{{ view.main_title }}{% endblock %}</h2> <h2 id="blog-posts">{% block main_title %}{{ view.main_title }}{% endblock %}</h2>
{% block search_bar %}{% endblock %} {% block search_bar %}{% endblock %}
{% for article in articles %} {% for article in articles %}
<p> <p>
{% include "articles/snippets/datetime.html" %}<br> {% include "articles/snippets/datetime.html" %}
<a href="{% url 'article-detail' slug=article.slug %}">{{ article.title }}</a> <a href="{% url 'article-detail' slug=article.slug %}">{{ article.title }}</a>
</p> </p>
{% empty %} {% empty %}