From b070cb067e9827c5195c4cb85c1e1d69f8a5ecbe Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 16 Aug 2020 20:24:00 +0200
Subject: [PATCH] Update look & feel

---
 articles/static/style.css                           | 8 ++++++++
 articles/templates/articles/admin_link_snippet.html | 3 +++
 articles/templates/articles/article_list.html       | 4 ++--
 articles/templates/articles/metadata_snippet.html   | 7 ++-----
 4 files changed, 15 insertions(+), 7 deletions(-)
 create mode 100644 articles/templates/articles/admin_link_snippet.html

diff --git a/articles/static/style.css b/articles/static/style.css
index 54e6a81..2584eb3 100644
--- a/articles/static/style.css
+++ b/articles/static/style.css
@@ -35,6 +35,14 @@ a:hover, a:focus {
     text-decoration: none;
 }
 
+article.article-list {
+    margin-top: 2em;
+}
+
+article.article-list h2 a {
+    text-decoration: none;
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     --accent: #226997;
diff --git a/articles/templates/articles/admin_link_snippet.html b/articles/templates/articles/admin_link_snippet.html
new file mode 100644
index 0000000..f734d5a
--- /dev/null
+++ b/articles/templates/articles/admin_link_snippet.html
@@ -0,0 +1,3 @@
+{% if user.is_authenticated %}
+    | <a class="admin-link" href="{{ article.get_admin_url }}">Admin</a>
+{% endif %}
diff --git a/articles/templates/articles/article_list.html b/articles/templates/articles/article_list.html
index 6745274..e6c6ae1 100644
--- a/articles/templates/articles/article_list.html
+++ b/articles/templates/articles/article_list.html
@@ -3,11 +3,11 @@
 {% block content %}
     <h1>{{ title }} list</h1>
     {% for article in articles %}
-        <article>
+        <article class="article-list">
             <h2><a href="{% url 'article-detail' slug=article.slug %}">{{ article.title }}</a></h2>
             {% include "articles/metadata_snippet.html" %}
             <p>{{ article.get_abstract|safe }}</p>
-            <p><a href="{% url 'article-detail' slug=article.slug %}">Read more</a></p>
+            <p class="read-more"><a href="{% url 'article-detail' slug=article.slug %}">Read more...</a></p>
         </article>
     {% empty %}
         <p>No article here. Come back later 🙂</p>
diff --git a/articles/templates/articles/metadata_snippet.html b/articles/templates/articles/metadata_snippet.html
index 5329d6a..4b3c768 100644
--- a/articles/templates/articles/metadata_snippet.html
+++ b/articles/templates/articles/metadata_snippet.html
@@ -1,12 +1,9 @@
-{% if user.is_authenticated %}
-    <p>
-        <a href="{{ article.get_admin_url }}">Admin</a>
-    </p>
-{% endif %}
 <p class="date">
     {% if article.published_at %}
         {{ article.published_at|date }}
+        {% include "articles/admin_link_snippet.html" %}
     {% else %}
         {{ article.updated_at|date }}
+        {% include "articles/admin_link_snippet.html" %}
     {% endif %}
 </p>