From 1806da220fc84026b26b2b0a6ab8c734796288ee Mon Sep 17 00:00:00 2001
From: Megha-Dev-19 <meghadev1901@gmail.com>
Date: Tue, 2 Jan 2024 20:05:07 +0530
Subject: [PATCH] added border to table

---
 src/devhub/entity/addon/kanban/post_board.jsx | 43 ++++++++++---------
 .../entity/addon/kanban/post_ticket.jsx       | 26 ++++++-----
 2 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/src/devhub/entity/addon/kanban/post_board.jsx b/src/devhub/entity/addon/kanban/post_board.jsx
index 485e8930f..a229ea1f3 100644
--- a/src/devhub/entity/addon/kanban/post_board.jsx
+++ b/src/devhub/entity/addon/kanban/post_board.jsx
@@ -73,7 +73,7 @@ const KanbanPostBoard = ({ metadata, payload }) => {
 
           {expandTables[columnId] !== false && column.postIds?.length > 0 && (
             <div className="card-body w-100" style={{ overflow: "scroll" }}>
-              <table className="table">
+              <table className="table table-bordered">
                 <thead>
                   <tr>
                     <th>Title</th>
@@ -83,26 +83,27 @@ const KanbanPostBoard = ({ metadata, payload }) => {
                     {showTags[columnId] && <th>Tags</th>}
                   </tr>
                 </thead>
-
-                {column.postIds?.map((postId) => (
-                  <Widget
-                    src={`${REPL_DEVHUB}/widget/devhub.entity.addon.${metadata.ticket.type}`}
-                    props={{
-                      setDescriptionDisplay,
-                      setFundingDisplay,
-                      setSponsorDisplay,
-                      setTagsDisplay,
-                      showDescriptionState: showDescription,
-                      showFundingState: showFunding,
-                      showSponsorState: showSponsor,
-                      showTagsState: showTags,
-                      metadata: { id: postId, ...metadata.ticket },
-                      isTableView: true,
-                      columnId,
-                    }}
-                    key={postId}
-                  />
-                ))}
+                <tbody>
+                  {column.postIds?.map((postId) => (
+                    <Widget
+                      src={`${REPL_DEVHUB}/widget/devhub.entity.addon.${metadata.ticket.type}`}
+                      props={{
+                        setDescriptionDisplay,
+                        setFundingDisplay,
+                        setSponsorDisplay,
+                        setTagsDisplay,
+                        showDescriptionState: showDescription,
+                        showFundingState: showFunding,
+                        showSponsorState: showSponsor,
+                        showTagsState: showTags,
+                        metadata: { id: postId, ...metadata.ticket },
+                        isTableView: true,
+                        columnId,
+                      }}
+                      key={postId}
+                    />
+                  ))}
+                </tbody>
               </table>
             </div>
           )}
diff --git a/src/devhub/entity/addon/kanban/post_ticket.jsx b/src/devhub/entity/addon/kanban/post_ticket.jsx
index bbdffb776..424384743 100644
--- a/src/devhub/entity/addon/kanban/post_ticket.jsx
+++ b/src/devhub/entity/addon/kanban/post_ticket.jsx
@@ -275,20 +275,18 @@ const KanbanPostTicket = ({ metadata }) => {
     }
 
     return (
-      <tbody>
-        <tr>
-          <td>{titleArea}</td>
-          {showDescriptionState[columnId] && <td>{descriptionArea} </td>}
-          {showFundingState[columnId] && (
-            <td>
-              {sponsorshipRequestIndicator}
-              {sponsorshipValue}
-            </td>
-          )}
-          {showSponsorState[columnId] && <td>{requestedSponsor}</td>}
-          {showTagsState[columnId] && <td>{tagList}</td>}
-        </tr>
-      </tbody>
+      <tr>
+        <td>{titleArea}</td>
+        {showDescriptionState[columnId] && <td>{descriptionArea} </td>}
+        {showFundingState[columnId] && (
+          <td>
+            {sponsorshipRequestIndicator}
+            {sponsorshipValue}
+          </td>
+        )}
+        {showSponsorState[columnId] && <td>{requestedSponsor}</td>}
+        {showTagsState[columnId] && <td>{tagList}</td>}
+      </tr>
     );
   }
   return (