From 559ce723d204821f5a91ab03214c77c717b5617e Mon Sep 17 00:00:00 2001
From: Junwei Zhao <wahyd4@gmail.com>
Date: Mon, 22 Jun 2026 14:35:01 +1000
Subject: [PATCH] Update

---
 src/components/LinkTable.tsx |  9 +++++++--
 src/styles.css               | 29 ++++++++++++++++++++---------
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/components/LinkTable.tsx b/src/components/LinkTable.tsx
index 3b03284..f89c125 100644
--- a/src/components/LinkTable.tsx
+++ b/src/components/LinkTable.tsx
@@ -89,11 +89,16 @@ function LinkTypeBadge({ linkType, className }: { linkType: Link['linkType']; cl
   const { t } = useTranslation();
   const isCustom = linkType === 'custom';
   const Icon = isCustom ? CodeIcon : LinkIcon;
+  const label = isCustom ? t('linkTable.typeCustom') : t('linkTable.typeRedirect');
 
   return (
-    <span className={`link-type-badge ${isCustom ? 'is-custom' : 'is-redirect'}${className ? ` ${className}` : ''}`}>
+    <span
+      className={`link-type-badge ${isCustom ? 'is-custom' : 'is-redirect'}${className ? ` ${className}` : ''}`}
+      aria-label={label}
+      title={label}
+    >
       <Icon aria-hidden="true" size={14} strokeWidth={2.2} />
-      <span>{isCustom ? t('linkTable.typeCustom') : t('linkTable.typeRedirect')}</span>
+      <span>{label}</span>
     </span>
   );
 }
diff --git a/src/styles.css b/src/styles.css
index 9dadead..e37ea16 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1028,30 +1028,41 @@ button.link-action--confirm:hover { background: var(--accent-soft); }
   }
 
   .link-table .col-alias {
-    width: 48%;
+    width: 66%;
   }
 
   .link-table .col-type {
-    width: 34%;
+    text-align: center;
+    width: 12%;
+  }
+
+  .link-table th.col-type {
+    font-size: 0;
+  }
+
+  .link-table th.col-type .sort-icon,
+  .link-table td.col-type .link-type-badge > span {
+    display: none;
+  }
+
+  .link-table td.col-type .link-type-badge {
+    justify-content: center;
   }
 
   .link-table .col-clicks {
     text-align: right;
-    width: 18%;
+    width: 22%;
   }
 }
 
 @container (max-width: 430px) {
-  .link-table .col-type {
-    display: none;
-  }
-
   .link-table .col-alias {
-    width: 76%;
+    width: 64%;
   }
 
+  .link-table .col-type { width: 14%; }
   .link-table .col-clicks {
-    width: 24%;
+    width: 22%;
   }
 }