From a19cb8b6dc77aa9c12e7daa1e962ea781320e7ee Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Mon, 13 Oct 2025 22:26:13 +0200
Subject: [PATCH] fix: remove mobile content pane gap and ensure full width
 display

---
 src/styles/components/reader.css | 9 +++++++++
 src/styles/layout/app.css        | 3 ++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css
index 4d9675f4..1f85b217 100644
--- a/src/styles/components/reader.css
+++ b/src/styles/components/reader.css
@@ -74,6 +74,15 @@
 .mark-as-read-btn:disabled { opacity: 0.6; cursor: not-allowed; }
 .mark-as-read-btn svg { font-size: 1.1rem; }
 @media (max-width: 768px) {
+  .reader {
+    max-width: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0.5rem;
+    border-radius: 0;
+    border-left: none;
+    border-right: none;
+  }
   .mark-as-read-container { padding: 1.5rem 1rem; }
   .mark-as-read-btn { width: 100%; max-width: 300px; }
 }
diff --git a/src/styles/layout/app.css b/src/styles/layout/app.css
index 1740d0cb..bda3d5bc 100644
--- a/src/styles/layout/app.css
+++ b/src/styles/layout/app.css
@@ -123,8 +123,9 @@
   .pane.main { 
     grid-column: 1; 
     grid-row: 1; 
-    padding: 0.5rem; 
+    padding: 0; 
     max-width: 100%; 
+    width: 100%;
     transition: opacity 0.2s ease;
   }
   /* Hide main content when sidepanes are open on mobile */