Fix table borders in Vulnerability details UI #1356 (#1358)

johnmhoran · web-flow · commit 57ee15fd98e1 · 2023-12-06T18:06:12.000+05:30
diff --git a/vulnerabilities/templates/vulnerability_details.html b/vulnerabilities/templates/vulnerability_details.html
@@ -57,7 +57,7 @@
             <div id="tab-content">
                 <div class="tab-div is-active" data-content="essentials">
                     <div class="tab-nested-div">
-                        <table class="table vcio-table width-100-pct width-100-pct mt-2">
+                        <table class="table vcio-table width-100-pct mt-2">
                             <tbody>
                                 <tr>
                                     <td class="two-col-left">Vulnerability ID</td>
diff --git a/vulnerablecode/static/css/custom.css b/vulnerablecode/static/css/custom.css
@@ -173,8 +173,9 @@ code {
 
 /* end tabset */
 
+.table.vcio-table tr:last-child td,
 .table.vcio-table td {
-    border: 0;
+    border: solid 1px #dbdbdb;
 }
 
 .table th {

Original file line number	Diff line number	Diff line change
`@@ -173,8 +173,9 @@ code {`
`173`	`173`
`174`	`174`	`/* end tabset */`
`175`	`175`
	`176`	`+.table.vcio-table tr:last-child td,`
`176`	`177`	`.table.vcio-table td {`
`177`		`- border: 0;`
	`178`	`+ border: solid 1px #dbdbdb;`
`178`	`179`	`}`
`179`	`180`
`180`	`181`	`.table th {`