fix: border UI for compliance summary cards

GovTechSG · Oct 22, 2024 · ee74ced · ee74ced
1 parent a2323ee
commit ee74ced
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/static/ejs/partials/components/topFive.ejs b/src/static/ejs/partials/components/topFive.ejs
@@ -1,7 +1,6 @@
-<div id="top-five-card" class="card h-100">
+<div id="top-five-card" class="h-100">
   <div class="card-body">
     <h2>Top 5 affected pages with the most issues</h2>
-    <ul class="unbulleted-list" id="top-issues-list">
-  </ul>
+    <ul class="unbulleted-list" id="top-issues-list"></ul>
   </div>
 </div>
diff --git a/src/static/ejs/partials/main.ejs b/src/static/ejs/partials/main.ejs
@@ -6,8 +6,8 @@
     <!-- wcag compliance + top 5 -->
     <section class="w-100">
       <div class="compliance-summary">
-        <div class="col card"><%- include("components/wcagCompliance") %></div>
-        <div class="col card"><%- include("components/topFive") %></div>
+        <div class="col card rounded"><%- include("components/wcagCompliance") %></div>
+        <div class="col card rounded"><%- include("components/topFive") %></div>
       </div>
       <hr class="my-4 mx-3" />
       <!-- jsOffMessage -->