From a3d3be3244892c2bc141c11252c65739afd14596 Mon Sep 17 00:00:00 2001
From: Yves Gatesoupe <yves@ygat.es>
Date: Mon, 29 Nov 2021 22:18:42 +0100
Subject: [PATCH] fix tag list overflow and mobile

---
 src/scss/components/_tags.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/scss/components/_tags.scss b/src/scss/components/_tags.scss
index aedef25..c4ee576 100644
--- a/src/scss/components/_tags.scss
+++ b/src/scss/components/_tags.scss
@@ -1,9 +1,13 @@
 .tag-list {
   list-style: none;
-  display: flex;
 
-  .tag-item + .tag-item {
-    margin-left: 1rem;
+  .tag-item {
+    display: inline-block;
+    margin-bottom: .5rem;
+  }
+
+  .tag-item {
+    margin-right: 1rem;
   }
 }
 
@@ -20,3 +24,14 @@
     }
   }
 }
+
+@media (max-width: 575.98px) {
+  .tag-list {
+    display: flex;
+    overflow-y: scroll;
+  }
+
+  .tag-item {
+    flex-shrink: 0;
+  }
+}