From 8fecee59848913d9dcae9f25ca412f8027441193 Mon Sep 17 00:00:00 2001 From: etienne-delvarre Date: Sun, 31 May 2026 12:45:47 +0000 Subject: [PATCH] fix: boutons commentaire sous le textarea --- public/index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/public/index.html b/public/index.html index 3e374be..342f6a8 100644 --- a/public/index.html +++ b/public/index.html @@ -188,13 +188,13 @@ window.dispatchEvent(new Event('tiptap-loaded')); .comment-delete { margin-left: auto; background: none; border: none; font-size: 13px; color: var(--text-light); cursor: pointer; padding: 0 4px; } .comment-delete:hover { color: #8b3030; } .comment-text { font-size: 14px; color: var(--text); line-height: 1.5; } - .comment-add { display: flex; gap: 8px; align-items: flex-end; } - .comment-add textarea { flex: 1; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; font-family: 'Lora', serif; color: var(--text); background: var(--bg-input); resize: none; min-height: 36px; max-height: 80px; outline: none; } + .comment-add { display: flex; flex-direction: column; gap: 8px; } + .comment-add textarea { width: 100%; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; font-family: 'Lora', serif; color: var(--text); background: var(--bg-input); resize: none; min-height: 36px; max-height: 80px; outline: none; } .comment-add textarea:focus { border-color: var(--accent); } - .comment-add-btns { display: flex; flex-direction: column; gap: 4px; } - .comment-send { padding: 6px 12px; background: var(--accent); color: var(--bg); border: none; border-radius: 6px; font-size: 12px; font-weight: 600; font-family: 'Lora', serif; cursor: pointer; white-space: nowrap; } + .comment-add-btns { display: flex; gap: 8px; justify-content: flex-end; } + .comment-send { padding: 6px 14px; background: var(--accent); color: var(--bg); border: none; border-radius: 6px; font-size: 12px; font-weight: 600; font-family: 'Lora', serif; cursor: pointer; white-space: nowrap; } .comment-send:hover { background: var(--accent-hover); } - .comment-author-toggle { padding: 4px 10px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; font-size: 11px; font-weight: 700; cursor: pointer; font-family: 'Lora', serif; color: var(--text-muted); } + .comment-author-toggle { padding: 5px 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; font-size: 11px; font-weight: 700; cursor: pointer; font-family: 'Lora', serif; color: var(--text-muted); } .comment-author-toggle:hover { border-color: var(--accent); } /* Acte colors on card top border */