From c40522a09f2fa6899bac1bd82f8db13340534375 Mon Sep 17 00:00:00 2001
From: Florian Sylvain <sylvainflorian@icloud.com>
Date: Tue, 29 Sep 2026 22:53:49 +0200
Subject: [PATCH] fix: scrollable toolbar in mobile editor

---
 web/src/components/ArticleEditor.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/ArticleEditor.vue b/web/src/components/ArticleEditor.vue
index 031a60c..22e9a88 100644
--- a/web/src/components/ArticleEditor.vue
+++ b/web/src/components/ArticleEditor.vue
@@ -234,7 +234,7 @@ defineExpose({
 		content-type="html"
 		:editable="!props.disabled"
 		:ui="{ base: 'article-content' }"
-		class="article-editor grid h-full min-h-0 grid-cols-1 grid-rows-[auto_minmax(0,1fr)_auto] lg:grid-cols-[minmax(0,1fr)_17.5rem]"
+		class="article-editor grid h-full min-h-0 grid-rows-[auto_minmax(0,1fr)_auto] grid-cols-[minmax(0,1fr)] lg:grid-cols-[minmax(0,1fr)_17.5rem]"
 		@update:model-value="onUpdate"
 	>
 		<span class="hidden">{{ captureEditor(editor) }}</span>
@@ -243,7 +243,7 @@ defineExpose({
 			:editor="editor"
 			:items="buildItems(editor)"
 			layout="fixed"
-			class="col-span-full row-start-1 border-b border-default bg-default px-6 py-1.5"
+			class="col-span-full row-start-1 min-w-0 overflow-x-auto border-b border-default bg-default px-6 py-1.5 [&>*]:shrink-0"
 		/>
 		<div class="col-start-1 row-start-3">
 			<slot name="footer" />