From 312d0d37c6ce7523ee857339443d3d2a13c32d94 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Sun, 22 Mar 2026 01:30:42 -0500
Subject: [PATCH] Fix CSS issue with tags

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
---
 assets/scss/style.scss   | 10 +++++++++-
 layouts/blog/single.html |  4 ++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index f9b10fa..59e8cdd 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -67,12 +67,20 @@ p {
     }
 }
 
-.button, input[type="submit"] {
+.tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem 0.25rem;
+    justify-content: center;
+}
+
+.tag {
     @include var(color, text-color);
     padding: 0.5rem;
     border: 1px solid $primary-color;
     transition: color 0.25s, background-color 0.25s;
     text-align: left;
+    display: block;
 
     &:focus {
         outline: none;
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 82d75d3..6807eb0 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -1,9 +1,9 @@
 {{ define "main" }}
 <h2>{{ .Title }}</h2>
 <div class="post-subscript">
-    <p>
+    <p class="tag-list">
         {{- range (.GetTerms "tags") -}}
-        <a class="button" href="{{ .Permalink }}">{{ .Title }}</a>
+        <a class="tag" href="{{ .Permalink }}">{{ .Title }}</a>
         {{ end -}}
     </p>
     <p>{{ i18n "postedOn" (.Date.Format "January 2, 2006") }}.</p>