From 801c03981a54ef98a25b06e6663005483ca31a29 Mon Sep 17 00:00:00 2001
From: Erb3 <49862976+Erb3@users.noreply.github.com>
Date: Wed, 12 Mar 2025 17:53:44 +0100
Subject: [PATCH] refactor(web): properly create table in cmp-info according to
 spec (#3362)

Stops the vue compiler from nagging you, and improves consistency with other tables.
---
 apps/frontend/src/pages/legal/cmp-info.vue | 56 ++++++++++++----------
 1 file changed, 31 insertions(+), 25 deletions(-)

diff --git a/apps/frontend/src/pages/legal/cmp-info.vue b/apps/frontend/src/pages/legal/cmp-info.vue
index ddf4ec842..d08bec903 100644
--- a/apps/frontend/src/pages/legal/cmp-info.vue
+++ b/apps/frontend/src/pages/legal/cmp-info.vue
@@ -92,32 +92,38 @@
     </p>
 
     <table>
-      <tr>
-        <th>Timeline</th>
-        <th>Date</th>
-      </tr>
-      <tr>
-        <td>Revenue earned on</td>
-        <td>
-          <input id="revenue-date-picker" v-model="rawSelectedDate" type="date" />
-          <noscript
-            >(JavaScript must be enabled for the date picker to function, example date: 2024-07-15)
-          </noscript>
-        </td>
-      </tr>
-      <tr>
-        <td>End of the month</td>
-        <td>{{ formatDate(endOfMonthDate) }}</td>
-      </tr>
-      <tr>
-        <td>NET 60 policy applied</td>
-        <td>+ 60 days</td>
-      </tr>
-      <tr class="final-result">
-        <td>Available for withdrawal</td>
-        <td>{{ formatDate(withdrawalDate) }}</td>
-      </tr>
+      <thead>
+        <tr>
+          <th>Timeline</th>
+          <th>Date</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Revenue earned on</td>
+          <td>
+            <input id="revenue-date-picker" v-model="rawSelectedDate" type="date" />
+            <noscript
+              >(JavaScript must be enabled for the date picker to function, example date:
+              2024-07-15)
+            </noscript>
+          </td>
+        </tr>
+        <tr>
+          <td>End of the month</td>
+          <td>{{ formatDate(endOfMonthDate) }}</td>
+        </tr>
+        <tr>
+          <td>NET 60 policy applied</td>
+          <td>+ 60 days</td>
+        </tr>
+        <tr class="final-result">
+          <td>Available for withdrawal</td>
+          <td>{{ formatDate(withdrawalDate) }}</td>
+        </tr>
+      </tbody>
     </table>
+
     <h3>How do I know Modrinth is being transparent about revenue?</h3>
     <p>
       We aim to be as transparent as possible with creator revenue. All of our code is open source,