From c8df9a33014b24da84d06ac7985691c9098da8af Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Mon, 3 Oct 2022 09:42:05 +0200
Subject: [PATCH] =?UTF-8?q?Wrap=20p=C5=99et=C3=A9kaj=C3=ADc=C3=ADch=20tag?=
 =?UTF-8?q?=C5=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/_tags.scss      | 39 +++++++++++++++++++--------------------
 sass/_variables.scss |  2 +-
 2 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/sass/_tags.scss b/sass/_tags.scss
index 4d0b1dc..d056298 100644
--- a/sass/_tags.scss
+++ b/sass/_tags.scss
@@ -1,29 +1,28 @@
-.taglist .tag {
-	margin-right: $tag-margin-right;
-	background: $tag-background;
-	color: $tag-color;
-	border-radius: $tag-border-radius;
-	border: 1px solid #aaa;
-	font-size: $tag-font-size;
-	display: inline-block;
+.taglist{
+	flex-wrap: wrap;
 
-	a {
-		display: block;
+	.tag {
+		background: $tag-background;
 		color: $tag-color;
-		white-space: nowrap;
-		padding: $tag-padding;
+		border-radius: $tag-border-radius;
+		border: 1px solid #aaa;
+		font-size: $tag-font-size;
+		display: inline-block;
+		margin: .2rem $tag-spacing;
 
-		&:hover {
-			color: $primary;
+		a {
+			display: block;
+			color: $tag-color;
+			white-space: nowrap;
+			padding: $tag-padding;
+
+			&:hover {
+				color: $primary;
+			}
 		}
 	}
 }
 .taglist.centering {
 	justify-content: center;
-	flex-wrap: wrap;
-
-	.tag {
-		margin-bottom: .5rem;
-		text-transform: capitalize;
-	}
+	.tag { text-transform: capitalize }
 }
diff --git a/sass/_variables.scss b/sass/_variables.scss
index 48dd160..839ad28 100644
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@@ -19,7 +19,7 @@ $anchor-hover-color:lighten($primary, 20%);
 // tags
 $tag-background:$secondary;
 $tag-padding:.5em;
-$tag-margin-right:.4em;
+$tag-spacing:.2em;
 $tag-border-radius:5px;
 $tag-color:#000;
 $tag-font-size:.9rem;