From 971a76ce11b17f93ae5829c1e22eca45c315c265 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 29 Dec 2025 22:39:38 +0200
Subject: [PATCH] style(pdf_pages): render in multiple columns

---
 apps/client/src/widgets/sidebar/PdfPages.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/sidebar/PdfPages.css b/apps/client/src/widgets/sidebar/PdfPages.css
index 8c4d6970e..f89d3117b 100644
--- a/apps/client/src/widgets/sidebar/PdfPages.css
+++ b/apps/client/src/widgets/sidebar/PdfPages.css
@@ -1,6 +1,11 @@
 .pdf-pages-list {
     width: 100%;
     height: 100%;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+    gap: 8px;
+    padding: 8px;
+    align-content: flex-start;
 }
 
 .pdf-page-item {
@@ -11,6 +16,7 @@
     cursor: pointer;
     border: 2px solid transparent;
     transition: border-color 0.2s;
+    box-sizing: border-box;
 }
 
 .pdf-page-item:hover {
@@ -30,7 +36,7 @@
 
 .pdf-page-thumbnail {
     width: 100%;
-    height: 100px;
+    aspect-ratio: 8.5 / 11; /* Standard page ratio */
     display: flex;
     align-items: center;
     justify-content: center;