From a30703dc3e9d069383f2fb61be8da98d122c7898 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 1 Jun 2026 13:29:36 +0200
Subject: [PATCH] feat(fully-wide-search-bar): Reduce main content horizontal
 padding on small screens

---
 src/App.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 9c55f03..26c3b1d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,6 +49,12 @@ watch(colorScheme, val => updateColorScheme(val))
     flex-grow: 1;
 }
 
+@media (max-width: 48rem) {
+    .main-content {
+        --main-content-padding-x: 15px;
+    }
+}
+
 #app-wrapper {
     min-height: 100vh;
     display: flex;