From ca1d17576159d15cbff424949a40e56e33707203 Mon Sep 17 00:00:00 2001
From: Ivan Reshetnikov <ordinarydev@protonmail.com>
Date: Mon, 11 Mar 2024 19:59:21 +0500
Subject: [PATCH] fix: specify correct width for tags

---
 src/components/Note.astro | 8 +++++---
 src/components/Tag.astro  | 1 +
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Note.astro b/src/components/Note.astro
index 83159ef..43171b9 100644
--- a/src/components/Note.astro
+++ b/src/components/Note.astro
@@ -20,15 +20,17 @@ const { pubDate, slug, title, tags } = Astro.props
 <style>
   .note {
     margin-bottom: 15px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
   }
   .dash {
     display: none;
   }
 
-  @media screen and (min-width: 600px) {
+  @media screen and (min-width: 700px) {
     .note {
-      display: flex;
-      gap: 6px;
+      flex-direction: row;
       margin-bottom: 5px;
     }
     .dash {
diff --git a/src/components/Tag.astro b/src/components/Tag.astro
index 9f2cd7a..de8f7b2 100644
--- a/src/components/Tag.astro
+++ b/src/components/Tag.astro
@@ -13,6 +13,7 @@ const { name, slug } = Astro.props
 
 <style>
   .tag {
+    width: fit-content;
     font-size: 10px;
     background-color: #323232;
     padding: 2px 8px;