From c0e53ae65614a72bcd2fd0d6eadc5feed304a76b Mon Sep 17 00:00:00 2001
From: Luka Harambasic <luka@harambasic.de>
Date: Tue, 13 Feb 2024 11:55:47 +0000
Subject: [PATCH] fix mobile entries order

---
 src/lib/components/Entries/Entries.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Entries/Entries.svelte b/src/lib/components/Entries/Entries.svelte
index aca2f883..c82cb247 100644
--- a/src/lib/components/Entries/Entries.svelte
+++ b/src/lib/components/Entries/Entries.svelte
@@ -8,7 +8,9 @@
 	<div class="entries">
 		<slot name="entries" />
 	</div>
-	<slot name="sidebar" />
+	<div class="sidebar">
+		<slot name="sidebar" />
+	</div>
 	<div class="rss rich-text">
 		<p>
 			<a href={rssPath}>RSS Feed</a>
@@ -32,6 +34,16 @@
 		}
 		.entries {
 			width: 100%;
+			@media screen and (max-width: 50rem) {
+				grid-template-columns: 1fr;
+				order: 1;
+			}
+		}
+		.sidebar {
+			@media screen and (max-width: 50rem) {
+				grid-template-columns: 1fr;
+				order: 0;
+			}
 		}
 		.rss {
 			grid-column: 1 / -1;
@@ -39,6 +51,7 @@
 			text-align: center;
 			@media screen and (max-width: 50rem) {
 				grid-column: 1 / 1;
+				order: 2;
 			}
 		}
 	}