From 1abd4b1c5914ae4887821960c17a2dbebcaca1c2 Mon Sep 17 00:00:00 2001
From: sergeyyarkov <serzh.yarkov@gmail.com>
Date: Sun, 6 Nov 2022 18:25:48 +0300
Subject: [PATCH] fix: error handling & css

---
 src/components/ArticlePost/ArticlePost.astro | 3 +++
 src/components/ArticlePost/ArticlePost.scss  | 7 +++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/ArticlePost/ArticlePost.astro b/src/components/ArticlePost/ArticlePost.astro
index 2ad1992..c1d951a 100644
--- a/src/components/ArticlePost/ArticlePost.astro
+++ b/src/components/ArticlePost/ArticlePost.astro
@@ -78,6 +78,9 @@ const t = useTranslation(Astro);
 <script define:vars={{ slug }}>
 	(async () => {
 		const response = await fetch(`/api/views?slug=${slug}`, { method: "POST" });
+
+		if (!response.ok) return;
+
 		const views = await response.text();
 		const $views = document.getElementById("views");
 
diff --git a/src/components/ArticlePost/ArticlePost.scss b/src/components/ArticlePost/ArticlePost.scss
index 1f63f75..2b5741c 100644
--- a/src/components/ArticlePost/ArticlePost.scss
+++ b/src/components/ArticlePost/ArticlePost.scss
@@ -10,6 +10,7 @@
 				& span {
 					margin-left: 3.5px;
 					font-size: var(--font-size-sm);
+					color: var(--font-color-grayer);
 				}
 			}
 		}
@@ -77,9 +78,11 @@
 	.article {
 		& header {
 			& div:nth-child(1) {
-				flex-direction: column-reverse;
-				row-gap: 10px;
+				flex-direction: column;
 				align-items: flex-start;
+				& .tags {
+					margin-bottom: 15px;
+				}
 			}
 			& .heading h1 {
 				font-size: 2rem;