From 14ca9e32a8d5491115b2f08960592d04dce5d3ac Mon Sep 17 00:00:00 2001
From: william <you@example.com>
Date: Tue, 22 Sep 2026 15:20:08 +0200
Subject: [PATCH] =?UTF-8?q?=C3=89largit=20le=20carr=C3=A9=20de=20page=20po?=
 =?UTF-8?q?ur=20occuper=20toute=20la=20largeur=20disponible?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.docPageListItem/.docPageListSquare passent en width:100% (le carré
suit via aspect-ratio:1) au lieu d'une taille fixe étroite ; les
flèches ‹/› de navigation s'étirent en hauteur (align-items:stretch)
pour accompagner la carte désormais plus haute.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 static/document/document-editor.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/static/document/document-editor.css b/static/document/document-editor.css
index 26501599..9b7f9a19 100644
--- a/static/document/document-editor.css
+++ b/static/document/document-editor.css
@@ -1181,14 +1181,13 @@ img.docImage {
    réordonnent la page active parmi ses sœurs sans changer l'affichage. */
 .docPageStrip {
   display: flex;
-  align-items: center;
+  align-items: stretch;
   gap: 4px;
 }
 
 .docPageStripNav {
   flex-shrink: 0;
   width: 22px;
-  height: 84px;
   border: 1px solid var(--doc-border);
   border-radius: 6px;
   background: var(--doc-card);
@@ -1222,7 +1221,7 @@ img.docImage {
   flex-direction: column;
   align-items: center;
   gap: 4px;
-  width: 88px;
+  width: 100%;
   padding: 6px;
   border: 1px solid var(--doc-border);
   border-radius: 8px;
@@ -1280,8 +1279,8 @@ img.docImage {
 }
 
 .docPageListSquare {
-  width: 40px;
-  height: 40px;
+  width: 100%;
+  aspect-ratio: 1;
   border-radius: 6px;
   background: var(--doc-bg-2);
   border: 1px solid var(--doc-border);