From 16891aa84014b972c384e513c9ad076b0dd5a7c9 Mon Sep 17 00:00:00 2001
From: iGor milhit <igor@milhit.ch>
Date: Sun, 24 May 2020 21:28:11 +0200
Subject: [PATCH] layout: improve list of post taxonomy terms

Wraps the flex of the taxonomy term list to prevent the content being
larger than small screens. Also improves the solution for the coma
separator, to get a coma after a term (and not before), and not after
the last item of the list.

Closes #10

Co-Authored-by: Igor Milhit <igor@milhit.ch>
---
 assets/scss/_post.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/scss/_post.scss b/assets/scss/_post.scss
index 97741a6..9cf82c2 100644
--- a/assets/scss/_post.scss
+++ b/assets/scss/_post.scss
@@ -25,6 +25,7 @@
     display: flex;
     > ul {
       display: flex;
+      flex-wrap: wrap;
       padding: 0;
       white-space: pre;
     }
@@ -35,6 +36,8 @@
   }
 }
 
-.post-taxonomies + .post-taxonomies:before {
-  content: ", ";
+.post-taxonomies:not(:last-child) {
+  &::after {
+    content: ", ";
+  }
 }