Clarify layout of table actions.

ideacrew · Sep 9, 2024 · 02ff96f · 02ff96f
1 parent a3aefc1
commit 02ff96f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/assets/frontend/pages.css b/assets/frontend/pages.css
@@ -135,4 +135,13 @@
   margin-inline-end: 0px;
   padding-inline-start: 40px;
   unicode-bidi: isolate;
+}
+
+td.table-actions-list ul {
+  margin: 0px;
+  padding-left: 0px;
+}
+
+td.table-actions-list ul li{
+  list-style: none;
 }
diff --git a/assets/frontend/pages/DeliverableVersions/ShowComponent.tsx b/assets/frontend/pages/DeliverableVersions/ShowComponent.tsx
@@ -5,9 +5,11 @@ export default function ShowComponent({ deliverable_version }) {
   const deliverableSbomTags = deliverable_version.version_sboms.map((d) => {
     return <tr key={d.id}>
       <td><a href={d.version_sbom_url}>{d.name}</a></td>
-      <td>
-        <a href={d.analyzed_version_sbom_url}>Analyzed Version</a>
-        <a href={d.vulnerability_report_download_url}>Mitigation Report</a>
+      <td className="table-actions-list">
+        <ul>
+          <li><a href={d.analyzed_version_sbom_url}>Analyzed Version</a></li>
+          <li><a href={d.vulnerability_report_download_url}>Mitigation Report</a></li>
+        </ul>
       </td>
     </tr>
   });