From 8dd1857912a44ea8ec290d31aeafc6c543921535 Mon Sep 17 00:00:00 2001 From: Mahaboobunnisa123 Date: Sun, 15 Feb 2026 16:06:14 +0530 Subject: [PATCH] Fix OpenCRE Chat UI layout issues (#625) - Fix invalid CSS 'line-height: 1.6 consideration' to 'line-height: 1.6' - Add margin-top to typing indicator for loading spinner spacing - Increase chatbot title margin-top and layout padding-top to prevent heading from touching the navbar Signed-off-by: Mahaboobunnisa123 --- application/frontend/src/pages/chatbot/chatbot.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/application/frontend/src/pages/chatbot/chatbot.scss b/application/frontend/src/pages/chatbot/chatbot.scss index f16ca0ea..9611b353 100644 --- a/application/frontend/src/pages/chatbot/chatbot.scss +++ b/application/frontend/src/pages/chatbot/chatbot.scss @@ -118,7 +118,7 @@ h1.ui.header.chatbot-title { padding: 1rem 1.25rem; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); text-align: left; - line-height: 1.6 consideration; + line-height: 1.6; animation: fadeInUp 0.25s ease-out; } @@ -304,6 +304,7 @@ h1.ui.header.chatbot-title { align-items: center; min-height: 32px; padding: 0.75rem 1rem; + margin-top: 0.5rem; } .typing-indicator .dot { @@ -328,6 +329,7 @@ h1.ui.header.chatbot-title { .chatbot-layout { min-height: 100vh; + padding-top: 1rem; } @media (max-width: 768px) {