From 2db5f0b8e213530f3e9473bba7e1c8705700461c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Silkj=C3=A6r?= <thomas@inftf.org>
Date: Tue, 8 Jul 2025 09:41:17 +0200
Subject: [PATCH 1/2] Added search to documentation sidebar

---
 src/components/DocsSidebar.astro | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/DocsSidebar.astro b/src/components/DocsSidebar.astro
index e04be22..8dc56c2 100644
--- a/src/components/DocsSidebar.astro
+++ b/src/components/DocsSidebar.astro
@@ -1,10 +1,12 @@
 ---
 import SidebarPersister from '@astrojs/starlight/components/SidebarPersister.astro'
 import SidebarSublist from '@astrojs/starlight/components/SidebarSublist.astro'
+import Search from '@astrojs/starlight/components/Search.astro'
 
 const { sidebar } = Astro.locals.starlightRoute
 ---
 
 <SidebarPersister>
+	<Search />
 	<SidebarSublist sublist={sidebar} />
 </SidebarPersister>
\ No newline at end of file

From 911394ad445394c4ee57706c649b05ed2d3fafb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20Silkj=C3=A6r?= <thomas@inftf.org>
Date: Wed, 9 Jul 2025 18:09:30 +0200
Subject: [PATCH 2/2] Fixed sidebar top padding on mobile

---
 src/components/DocsSidebar.astro | 2 +-
 src/layouts/DocsLayout.astro     | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/DocsSidebar.astro b/src/components/DocsSidebar.astro
index 8dc56c2..c1f260b 100644
--- a/src/components/DocsSidebar.astro
+++ b/src/components/DocsSidebar.astro
@@ -7,6 +7,6 @@ const { sidebar } = Astro.locals.starlightRoute
 ---
 
 <SidebarPersister>
-	<Search />
+	<Search class="hidden md:block" />
 	<SidebarSublist sublist={sidebar} />
 </SidebarPersister>
\ No newline at end of file
diff --git a/src/layouts/DocsLayout.astro b/src/layouts/DocsLayout.astro
index 24ad814..e9cdb07 100644
--- a/src/layouts/DocsLayout.astro
+++ b/src/layouts/DocsLayout.astro
@@ -61,12 +61,18 @@ const { hasSidebar } = Astro.locals.starlightRoute
 		.sidebar-content {
 			height: 100%;
 			min-height: max-content;
-			padding: 1rem var(--sl-sidebar-pad-x) 0;
+			padding: 88px var(--sl-sidebar-pad-x) 0;
 			flex-direction: column;
 			gap: 1rem;
 		}
 
 		@media (min-width: 50rem) {
+			.sidebar-content {
+				padding: 1rem var(--sl-sidebar-pad-x) 0;
+			}
+		}
+
+			@media (min-width: 50rem) {
 			.sidebar-content::after {
 				content: '';
 				padding-bottom: 1px;