From e3b0b5cf8d5fb2e9d9c3fd2d5ebe8c7ab6ba4291 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sun, 5 Apr 2026 21:44:04 +0200
Subject: [PATCH] Strip port from domain display and right-align Domains column
 header

---
 src/App.css | 4 ++++
 src/App.tsx | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index 83cfaf9..ac334ea 100644
--- a/src/App.css
+++ b/src/App.css
@@ -299,6 +299,10 @@ main {
 
 /* ── Domain links ────────────────────────────────────────────── */
 
+.th-domains {
+  text-align: right;
+}
+
 .entry-domains {
   display: flex;
   flex-wrap: wrap;
diff --git a/src/App.tsx b/src/App.tsx
index 1990e2f..f18a8a8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -88,7 +88,7 @@ async function fetchDomains(config: Config): Promise<DomainEntry[]> {
 
 function displayDomain(url: string): string {
   try {
-    return new URL(url).host
+    return new URL(url).hostname
   } catch {
     return url
   }
@@ -228,7 +228,7 @@ export default function App() {
                   <th>Name</th>
                   <th>Type</th>
                   <th>Status</th>
-                  <th>Domains</th>
+                  <th class="th-domains">Domains</th>
                 </tr>
               </thead>
               <tbody>