From f9cb28afa0e819663cf52b0ef4e37edeaec12173 Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Tue, 24 Mar 2026 11:15:51 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20read-only=20rich=20text=20=E2=80=94=20us?=
 =?UTF-8?q?e=20plain=20div=20instead=20of=20admin-form-input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

admin-form-input has fixed height (36px) causing overflow. Replaced
with a styled div matching the editor appearance. No new CSS needed.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/admin/admin.css             | 21 ---------------------
 src/admin/pages/OfferDetail.tsx |  5 ++---
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/src/admin/admin.css b/src/admin/admin.css
index 8844a4a..c8ca558 100644
--- a/src/admin/admin.css
+++ b/src/admin/admin.css
@@ -383,27 +383,6 @@ img {
   max-width: 100%;
 }
 
-/* Rich text content rendered as read-only inside form inputs */
-.admin-form-input.section-content {
-  height: auto;
-  white-space: normal;
-  word-break: break-word;
-}
-
-.admin-form-input.section-content ul,
-.admin-form-input.section-content ol {
-  margin: 0 0 0.4em 1.5em;
-  padding: 0;
-}
-
-.admin-form-input.section-content li {
-  margin-bottom: 0.2em;
-}
-
-.admin-form-input.section-content p {
-  margin: 0 0 0.4em 0;
-}
-
 .admin-form-input[type="number"]::-webkit-inner-spin-button,
 .admin-form-input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
diff --git a/src/admin/pages/OfferDetail.tsx b/src/admin/pages/OfferDetail.tsx
index 45aa5a2..4a65e74 100644
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -1099,9 +1099,8 @@ export default function OfferDetail() {
                     <label className="admin-form-label">Obsah</label>
                     {(isInvalidated || isLockedByOther) ? (
                       <div
-                        className="admin-form-input section-content"
-                        style={{ minHeight: '80px', background: 'var(--bg-primary)', overflow: 'hidden', lineHeight: 1.5, fontSize: '0.875rem' }}
-                        dangerouslySetInnerHTML={{ __html: section.content || '<em>Prázdný obsah</em>' }}
+                        style={{ minHeight: '80px', padding: '0.75rem', background: 'var(--bg-primary)', border: '1px solid var(--border-color)', borderRadius: 'var(--border-radius-sm)', lineHeight: 1.6, fontSize: '0.875rem', color: 'var(--text-primary)' }}
+                        dangerouslySetInnerHTML={{ __html: section.content || '<em style="color: var(--text-tertiary)">Prázdný obsah</em>' }}
                       />
                     ) : (
                       <RichEditor