From 5e89cc6e80abc5775265553773a62a4a6df627b3 Mon Sep 17 00:00:00 2001
From: Abhay <abhayjnayakpro@gmail.com>
Date: Sat, 18 Apr 2026 22:42:32 +0530
Subject: [PATCH] fix: truncate long URLs in Links table to prevent action
 buttons from being pushed off-screen

Closes #4136

Adds width constraints to slug and url columns in LinksTable.
The ExternalLink component already has truncate + overflow:hidden,
but the DataColumn itself was unconstrained, allowing long URLs
to push action buttons off-screen.
---
 src/app/(main)/links/LinksTable.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(main)/links/LinksTable.tsx b/src/app/(main)/links/LinksTable.tsx
index bf9b5ef7f..3006f769c 100644
--- a/src/app/(main)/links/LinksTable.tsx
+++ b/src/app/(main)/links/LinksTable.tsx
@@ -22,13 +22,13 @@ export function LinksTable({ showActions, ...props }: LinksTableProps) {
           return <Link href={renderUrl(`/links/${id}`)}>{name}</Link>;
         }}
       </DataColumn>
-      <DataColumn id="slug" label={t(labels.link)}>
+      <DataColumn id="slug" label={t(labels.link)} width="25%">
         {({ slug }: any) => {
           const url = getSlugUrl(slug);
           return <ExternalLink href={url}>{url}</ExternalLink>;
         }}
       </DataColumn>
-      <DataColumn id="url" label={t(labels.destinationUrl)}>
+      <DataColumn id="url" label={t(labels.destinationUrl)} width="30%">
         {({ url }: any) => {
           return <ExternalLink href={url}>{url}</ExternalLink>;
         }}