From f208d26d5ba2eed407e83c49d0aabe08d4c1ae72 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 13 Oct 2025 06:26:16 +0000
Subject: [PATCH] =?UTF-8?q?Center=20and=20enlarge=20"Stock=20limit=C3=A9"?=
 =?UTF-8?q?=20text=20in=20banner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adjust font size, line height, and text alignment for "Stock limité" ribbon text in the image editor component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/Z8vED4L
---
 client/src/pages/image-editor.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx
index 8780660..67841fc 100644
--- a/client/src/pages/image-editor.tsx
+++ b/client/src/pages/image-editor.tsx
@@ -755,10 +755,12 @@ export default function ImageEditor() {
                               <div 
                                 className="ribbon-text"
                                 style={{ 
-                                  fontSize: ribbon.text.length <= 5 ? '28px' : 
+                                  fontSize: ribbon.text === "Stock limité" ? '20px' :
+                                           ribbon.text.length <= 5 ? '28px' : 
                                            ribbon.text.length <= 8 ? '24px' : 
                                            ribbon.text.length <= 11 ? '20px' : '16px',
-                                  lineHeight: ribbon.text === "Stock limité" ? '1.1' : 'normal'
+                                  lineHeight: ribbon.text === "Stock limité" ? '1.2' : 'normal',
+                                  textAlign: ribbon.text === "Stock limité" ? 'center' : 'inherit'
                                 }}
                               >
                                 {ribbon.text === "Stock limité" ? (