From ddd73c1412a7aa94be7c7cc4af69b9e89bf49386 Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Wed, 22 Oct 2025 05:49:08 +0300
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=BE=D1=81=D1=8B=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B8=20=D0=BD=D0=B5=D1=81=D0=BA=D0=BE=D0=BB=D1=8C?=
 =?UTF-8?q?=D0=BA=D0=B8=D1=85=20=D0=B0=D0=B2=D1=82=D0=BE=D1=80=D0=B0=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/DateWidget.svelte | 4 ++--
 src/routes/blog/[slug]/+page.svelte  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/DateWidget.svelte b/src/lib/components/DateWidget.svelte
index 337868d..69ab90d 100644
--- a/src/lib/components/DateWidget.svelte
+++ b/src/lib/components/DateWidget.svelte
@@ -15,12 +15,12 @@
 </script>
 
 <div
-	class="flex items-center gap-2 p-1 text-lg font-bold {className} rounded-lg
+	class="flex flex-nowrap items-center gap-2 p-1 text-lg font-bold {className} rounded-lg
     {highlightClasses(type == 'published' ? 'bg-amber-600' : 'bg-purple-600')}
     {highlightClasses('text-slate-50')}"
 >
 	<Icon {icon} width={28} height={28} />
-	<span>
+	<span class="text-nowrap">
 		{dateString
 			? new Date(dateString).toLocaleString(undefined, {
 					month: 'short',
diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index 3a0c014..03115fc 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -36,9 +36,9 @@
 </section>
 
 <section
-	class="flex shrink-0 flex-col items-center justify-center p-2 font-bold {isPublic
+	class="flex shrink-0 flex-col flex-wrap items-center justify-center p-2 font-bold {isPublic
 		? 'bg-amber-50 text-slate-950'
-		: 'bg-red-500 text-slate-50'} sm:flex-row sm:flex-nowrap sm:gap-5"
+		: 'bg-red-500 text-slate-50'} sm:flex-row sm:gap-x-5"
 >
 	<DateWidget dateString={data.blogPost.date} type="published" />
 	{#if data.blogPost.dateChanged}