From 67274687a3d1953e129a5cd576850efa31259752 Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Sun, 26 Apr 2026 16:28:40 -0400
Subject: [PATCH] style(ui): simplify image caption and alt input layout using
 full-width utility class

---
 .../components/BlockEditor/blockTypes/Image.client.js | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/shared/components/BlockEditor/blockTypes/Image.client.js b/src/shared/components/BlockEditor/blockTypes/Image.client.js
index c6bfeff..cdbebb1 100644
--- a/src/shared/components/BlockEditor/blockTypes/Image.client.js
+++ b/src/shared/components/BlockEditor/blockTypes/Image.client.js
@@ -325,18 +325,14 @@ function ImageBlock({ block, onChange, disabled }) {
           )}
         </div>
       </div>
-      <div
-        className="flex flex-col gap-1"
-        style={{ alignItems: align === 'full' ? 'stretch' : justify === 'flex-start' ? 'flex-start' : justify === 'flex-end' ? 'flex-end' : 'center' }}
-      >
+      <div className="flex flex-col gap-1">
         <input
           type="text"
           placeholder="Légende (optionnelle)"
           value={block.caption ?? ''}
           onChange={handleCaptionChange}
           disabled={disabled}
-          className="px-1 py-0.5 text-sm italic text-neutral-600 dark:text-neutral-400 bg-transparent outline-none focus:border-b focus:border-neutral-300 dark:focus:border-neutral-700"
-          style={{ minWidth: '12rem', maxWidth: '100%' }}
+          className="w-full px-1 py-0.5 text-sm italic text-neutral-600 dark:text-neutral-400 bg-transparent outline-none focus:border-b focus:border-neutral-300 dark:focus:border-neutral-700"
         />
         {!disabled && (
           <input
@@ -344,8 +340,7 @@ function ImageBlock({ block, onChange, disabled }) {
             placeholder="Texte alternatif (accessibilité)"
             value={block.alt ?? ''}
             onChange={handleAltChange}
-            className="px-1 py-0.5 text-xs text-neutral-500 dark:text-neutral-500 bg-transparent outline-none focus:border-b focus:border-neutral-300 dark:focus:border-neutral-700"
-            style={{ minWidth: '12rem', maxWidth: '100%' }}
+            className="w-full px-1 py-0.5 text-xs text-neutral-500 dark:text-neutral-500 bg-transparent outline-none focus:border-b focus:border-neutral-300 dark:focus:border-neutral-700"
           />
         )}
       </div>