Agency link focus rings are now rounded (#2600)

cal-itp · Jan 2, 2025 · f4b05d9 · f4b05d9
2 parents 0d2b06b + 85a1e43
commit f4b05d9
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/benefits/core/templates/core/includes/agency-links.html b/benefits/core/templates/core/includes/agency-links.html
@@ -1,3 +1,9 @@
 <p class="h4 mt-4 d-block">{{ agency_name | default:agency.long_name }}</p>
-<a class="d-table mt-1 fs-base ls-base" href="tel:{{ phone | default:agency.phone }}">{{ phone | default:agency.phone }}</a>
-<a class="d-table mt-1 fs-base ls-base" href="{{ info_url | default:agency.info_url }}" target="_blank" rel="noopener noreferrer">{{ info_url | default:agency.info_url }}</a>
+<ul class="ps-0 d-flex flex-column gap-1 mt-1">
+    <li class="list-unstyled">
+        <a href="tel:{{ phone | default:agency.phone }}">{{ phone | default:agency.phone }}</a>
+    </li>
+    <li class="list-unstyled">
+        <a href="{{ info_url | default:agency.info_url }}" target="_blank" rel="noopener noreferrer">{{ info_url | default:agency.info_url }}</a>
+    </li>
+</ul>