From 9d81ada6abc333f605f38ffd904a342f7d55e239 Mon Sep 17 00:00:00 2001
From: Eduard Prigoana <eduard@prigoana.com>
Date: Wed, 11 Feb 2026 09:24:35 +0000
Subject: [PATCH] fix #170

---
 styles.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/styles.css b/styles.css
index aaea28a..cdca476 100644
--- a/styles.css
+++ b/styles.css
@@ -4555,6 +4555,8 @@ img[src=''] {
 
     .content-section {
         margin-bottom: var(--spacing-xl);
+        max-width: 100%;
+        overflow-x: hidden;
     }
 
     .section-title {
@@ -4567,6 +4569,19 @@ img[src=''] {
         gap: var(--spacing-md);
     }
 
+    /* Fix library page layout on mobile */
+    #page-library .search-tabs {
+        flex-wrap: wrap;
+    }
+
+    #page-library .library-header {
+        flex-wrap: wrap;
+    }
+
+    #page-library .library-header button {
+        margin: 0 !important;
+    }
+
     .detail-header {
         flex-direction: row;
         gap: var(--spacing-md);
@@ -4932,6 +4947,39 @@ img[src=''] {
         font-size: 1.25rem;
     }
 
+    /* Fix library page horizontal scrolling */
+    #page-library .search-tabs {
+        flex-wrap: wrap;
+        gap: var(--spacing-xs);
+    }
+
+    #page-library .search-tab {
+        padding: var(--spacing-xs) var(--spacing-sm);
+        font-size: 0.85rem;
+        flex: 1;
+        min-width: auto;
+        white-space: nowrap;
+    }
+
+    #page-library .library-header {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--spacing-sm);
+        align-items: center;
+    }
+
+    #page-library .library-header h2 {
+        width: 100%;
+        margin-bottom: var(--spacing-sm);
+    }
+
+    #page-library .library-header button {
+        margin: 0 !important;
+        flex: 1;
+        min-width: auto;
+        white-space: nowrap;
+    }
+
     .detail-header-info .title {
         font-size: 1.25rem;
     }