From 25e86a1ad46ef6a9775493af485e9a367caa535e Mon Sep 17 00:00:00 2001
From: Abhishek Khairnar <98578107+abhishekkhairnar@users.noreply.github.com>
Date: Tue, 22 Oct 2024 15:32:24 +0530
Subject: [PATCH] chore(ui): improve markdown table design (#5564)

---
 ui/src/components/layout/Markdown.vue | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/ui/src/components/layout/Markdown.vue b/ui/src/components/layout/Markdown.vue
index c9ce6d604c..9bc23f9e29 100644
--- a/ui/src/components/layout/Markdown.vue
+++ b/ui/src/components/layout/Markdown.vue
@@ -67,17 +67,9 @@
             color: var(--bs-body-color);
         }
 
-        table {
-            background-color: var(--bs-white);
-            html.dark & {
-                background-color: var(--bs-gray-500);
-            }
-        }
-
         table,
-        th,
-        td {
-            border: 1px solid var(--bs-border-color);
+        th {
+            border-bottom: 2px solid var(--bs-border-color);
         }
 
         th,
@@ -167,6 +159,15 @@
                     opacity: 1;
                 }
             }
+            padding: 5px ;
+            border-left: 4px solid var(--bs-border-color);
+        }
+
+        td > code,
+        p > code{
+            border-radius: var(--bs-border-radius-sm);
+            border: 1px solid var(--bs-border-color);
+            color: var(--bs-body-color);
         }
 
         h3, h4, h5 {