Various tweaks

Author: BenjaminEHowe

_assets/css/main.css

@@ -75,6 +75,7 @@ thead th {
   border: solid 1px #000;
   font-weight: bold;
   padding: 10px;
+  text-align: left;
 }
 
 tbody td {
@@ -180,7 +181,13 @@ label {
 
 /* professional experience (about page) */
 
+table#professional-experience {
+  border: none;
+}
+
 table#professional-experience td {
+  border: none;
+  padding: 0;
   vertical-align: top;
 }
 

functions/secure/api/form.js

@@ -3,7 +3,7 @@ export async function onRequest(context) {
     return new Response("Invalid request method", { status: 405 });
   }
 
-  const submissionsQuery = await context.env.DB_FORMS.prepare("SELECT submission_id, form_id, submitted_ts, spam_reasons, json_extract(headers, '$.cf-connecting-ip') as ip, json_extract(cf, '$.asn') as asn, json_extract(cf, '$.country') as country FROM submissions WHERE submitted_ts > ?")
+  const submissionsQuery = await context.env.DB_FORMS.prepare("SELECT submission_id, form_id, submitted_ts, spam_reasons, json_extract(headers, '$.cf-connecting-ip') as ip, json_extract(cf, '$.asn') as asn, json_extract(cf, '$.country') as country FROM submissions WHERE submitted_ts > ? ORDER BY submitted_ts DESC")
     .bind(
       new Date().subtractDays(30).toISOString(),
     )

secure/form-submissions.md

@@ -26,7 +26,11 @@ This table shows form submissions over the last 30 days:
       "Spam Reasons",
       "IP Address",
       "ASN",
-    ].forEach(heading => headings.insertCell().innerHTML = heading);
+    ].forEach(heading => {
+      const th = document.createElement("th");
+      th.innerHTML = heading;
+      headings.appendChild(th);
+    });
     const tbody = table.createTBody();
     submissions.forEach(row => {
       const tr = tbody.insertRow();
@@ -41,7 +45,7 @@ This table shows form submissions over the last 30 days:
       tdSubmitted.innerHTML = row.submitted_ts;
 
       const tdSpamReasons = tr.insertCell();
-      tdSpamReasons.innerHTML = row.spam_reasons;
+      tdSpamReasons.innerHTML = row.spam_reasons.join([separator = ', ']);
 
       const tdIpAddress = tr.insertCell();
       tdIpAddress.innerHTML = `${getFlagEmoji(row.country)} <a href="https://cleantalk.org/blacklists/${row.ip}">${row.ip}</a>`;