From 0082ab162f0f2b6f928fb705ba5fc070cdd9363f Mon Sep 17 00:00:00 2001
From: Saqib Ansari <nextchamp.saqib@gmail.com>
Date: Wed, 17 Jan 2024 14:35:46 +0530
Subject: [PATCH] fix: table link placement

---
 frontend/src/query/visual/TableSection.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/query/visual/TableSection.vue b/frontend/src/query/visual/TableSection.vue
index 1c7023bef..0aa166d5e 100644
--- a/frontend/src/query/visual/TableSection.vue
+++ b/frontend/src/query/visual/TableSection.vue
@@ -97,11 +97,13 @@ async function handleDataSourceChange(option) {
 						"
 						class="h-4 w-4 flex-shrink-0 text-gray-600"
 					/>
-					<span class="flex-1 truncate">{{ assistedQuery.table.label }}</span>
-					<ExternalLink
-						class="h-3 w-3 flex-shrink-0 text-gray-600 opacity-0 transition-all hover:text-gray-800 group-hover:opacity-100"
-						@click.prevent.stop="onTableLinkClick(assistedQuery.table.table)"
-					/>
+					<div class="flex flex-1 items-center gap-1 overflow-hidden">
+						<span class="truncate">{{ assistedQuery.table.label }}</span>
+						<ExternalLink
+							class="h-3 w-3 text-gray-600 opacity-0 transition-all hover:text-gray-800 group-hover:opacity-100"
+							@click.prevent.stop="onTableLinkClick(assistedQuery.table.table)"
+						/>
+					</div>
 				</div>
 				<div class="ml-2 flex items-center space-x-2">
 					<X