From 3828509c197db4513e87c1e9bb346aaaafc64a1b Mon Sep 17 00:00:00 2001
From: Deivendran <lydia.deivendran@siemens.com>
Date: Wed, 7 Jan 2026 18:44:23 +0530
Subject: [PATCH] feat(ui): add distinct borders to question and answer blocks
 for issue #1369

---
 ui/src/pages/Questions/Detail/index.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/ui/src/pages/Questions/Detail/index.scss b/ui/src/pages/Questions/Detail/index.scss
index a5726b6a5..4993b0d96 100644
--- a/ui/src/pages/Questions/Detail/index.scss
+++ b/ui/src/pages/Questions/Detail/index.scss
@@ -58,8 +58,25 @@
 
 .answer-item {
   border-top: 1px solid var(--an-answer-item-border-top);
+  margin-bottom: 1em;
 }
 
+/* Border for question and answer */
+.answer-item ,
+.questionDetailPage > div:nth-child(1) > div:nth-child(1){
+  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
+  padding: 12px;
+  border-radius: var(--bs-border-radius);
+}
+
+/* find accepted answer, and change its border to differentiate */
+.answer-item:has(> .mb-3.lh-1) {
+    border: green;
+    border-width: medium;
+    border-style: solid;
+}
+
+
 .smile-btn.active::before {
   position: fixed;
   top: 0;