diff --git a/static/css/main.css b/static/css/main.css index ada8340..eeeb0b3 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -174,15 +174,16 @@ a { color: #FF6600; } .mg-tags { + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: right; } .mg-tag { margin: 0 .5rem; - font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #FF6600; } .mg-tag:hover { text-decoration: none; color: #FF6600; } .mg-tag > .uk-icon-tag { + display: inline; /* so that the icon stick with the tag label */ margin-right: .2rem; } .mg-list-title { diff --git a/templates/partials/article-short.html b/templates/partials/article-short.html index 5675c56..b66cebf 100644 --- a/templates/partials/article-short.html +++ b/templates/partials/article-short.html @@ -1,5 +1,5 @@
+ data-tags='{{ article.tags|map(attribute="name")|list|tojson }}'>
{% if article.featured_image %} @@ -19,4 +19,3 @@

- diff --git a/templates/partials/inline-tags.html b/templates/partials/inline-tags.html index 80ff5c5..4e9d6d8 100644 --- a/templates/partials/inline-tags.html +++ b/templates/partials/inline-tags.html @@ -1,3 +1,9 @@ -{% set bullet = joiner(" • ") %} -
{% for tag in article.tags %}{{bullet()}} {{tag.name}}{% endfor %}
- +{% set bullet = joiner(" • ") %} +
+{% for tag in article.tags %} + {{bullet()}} + + {{tag.name}} + +{% endfor %} +