From 4e07d6cad66989121aef8723d550b0262bc08081 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Thu, 28 Mar 2024 11:43:45 +0100
Subject: [PATCH] fix(frontend): Fix the pane delete button (#3482)

---
 .../apps/editor/settingsPanel/GridPane.svelte | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridPane.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridPane.svelte
index 9f2435f63e..6ba0dafe38 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/GridPane.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridPane.svelte
@@ -50,24 +50,20 @@
 	{#if panes.length == 0}
 		<span class="text-xs text-tertiary">No panes</span>
 	{/if}
-	<div class="w-full flex gap-2 flex-col mt-2">
+	<div class="w-full flex gap-2 flex-col">
 		{#each panes as value, index (index)}
-			<div class="w-full flex flex-row gap-2 items-center relative">
+			<div class="w-full flex flex-row gap-1 items-center relative">
 				<input on:keydown|stopPropagation type="number" bind:value />
 
-				<div class="absolute top-1 right-1">
-					<Button
-						size="xs"
-						color="light"
-						variant="border"
-						on:click={() => {
-							deleteSubgrid(index)
-						}}
-						iconOnly
-						btnClasses="!text-red-500"
-						startIcon={{ icon: Trash }}
-					/>
-				</div>
+				<Button
+					size="xs"
+					color="light"
+					on:click={() => {
+						deleteSubgrid(index)
+					}}
+					iconOnly
+					startIcon={{ icon: Trash }}
+				/>
 			</div>
 		{/each}
 		<Button