From d138198305be5dd0df331d3e3fa9570b545e6005 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zo=C3=AB?= <code@moiety.me>
Date: Fri, 2 May 2025 18:54:51 +0200
Subject: [PATCH 1/3] feat: add visually-hidden utility

---
 public/assets/css/front/start.css      |  1 +
 public/assets/css/global/utilities.css | 13 +++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 public/assets/css/global/utilities.css

diff --git a/public/assets/css/front/start.css b/public/assets/css/front/start.css
index 74d1328..f009354 100644
--- a/public/assets/css/front/start.css
+++ b/public/assets/css/front/start.css
@@ -1,3 +1,4 @@
+@import "../global/utilities.css";
 @import "../global/colors.css";
 @import "../global/forms.css";
 @import "../global/typography.css";
diff --git a/public/assets/css/global/utilities.css b/public/assets/css/global/utilities.css
new file mode 100644
index 0000000..87bf786
--- /dev/null
+++ b/public/assets/css/global/utilities.css
@@ -0,0 +1,13 @@
+/**
+ * Utilities
+ */
+
+.visually-hidden:not(:focus):not(:active) {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+}

From 0f16b275a0efc4c5e462ce640cf95fea27e66bd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zo=C3=AB?= <code@moiety.me>
Date: Fri, 2 May 2025 19:00:21 +0200
Subject: [PATCH 2/3] refactor: use a <table>-element for index-meta

---
 public/assets/css/front/index.css     | 31 +++++++++++++++++----------
 resources/views/front/index.blade.php | 23 +++++++++++++-------
 2 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/public/assets/css/front/index.css b/public/assets/css/front/index.css
index b7389b9..2d790ef 100644
--- a/public/assets/css/front/index.css
+++ b/public/assets/css/front/index.css
@@ -53,20 +53,29 @@ section.index-meta article {
   margin-top: 20px;
 }
 
-div.index-meta {
-  display: grid;
-  grid-template-columns: 50% 50%;
-  gap: 10px;
-  width: 98%;
-  font-weight: 500;
-  color: var(--secondary);
+table.index-meta {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
 }
 
-div.index-meta > label:nth-child(2),
-div.index-meta > label:nth-child(4),
-div.index-meta > label:nth-child(6) {
+table.index-meta tr + tr > * {
+  padding-block-start: 10px;
+}
+
+table.index-meta :is(th, td) {
+  padding: 0;
+  font-weight: 500;
+}
+
+table.index-meta th {
+  color: var(--secondary);
+  text-align: left;
+}
+
+table.index-meta td {
+  padding-inline-start: 10px;
   color: var(--white);
-  width: 100%;
   text-align: right;
 }
 
diff --git a/resources/views/front/index.blade.php b/resources/views/front/index.blade.php
index ce74730..e68b58e 100644
--- a/resources/views/front/index.blade.php
+++ b/resources/views/front/index.blade.php
@@ -38,14 +38,21 @@
     @endisset
     <section class="index-meta">
       <article>
-        <div class="index-meta">
-          <label>Active Locations Tracked</label>
-          <label>{{$count}}</label>
-          <label>Total Sources</label>
-          <label>{{$sources}}</label>
-          <label>Latest Update</label>
-          <label>{{$latest_date}}</label>
-        </div>
+        <table class="index-meta">
+          <caption class="visually-hidden">Meta</caption>
+          <tr>
+            <th>Active Locations Tracked</th>
+            <td>{{$count}}</td>
+          </tr>
+          <tr>
+            <th>Total Sources</th>
+            <td>{{$sources}}</td>
+          </tr>
+          <tr>
+            <th>Latest Update</th>
+            <td>{{$latest_date}}</td>
+          </tr>
+        </table>
       </article>
     </section>
   @endsection
\ No newline at end of file

From 5515503117d7991ec4ea70929bdc181e4ddd7c54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zo=C3=AB?= <code@moiety.me>
Date: Fri, 2 May 2025 19:08:06 +0200
Subject: [PATCH 3/3] fix: set meta-index padding

---
 public/assets/css/front/index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/assets/css/front/index.css b/public/assets/css/front/index.css
index 2d790ef..f73f367 100644
--- a/public/assets/css/front/index.css
+++ b/public/assets/css/front/index.css
@@ -50,7 +50,7 @@ form.index-search-form > button > label {
 }
 
 section.index-meta article {
-  margin-top: 20px;
+  padding-block: 30px;
 }
 
 table.index-meta {