From 261c5bf4a44bd50c2a902c239100f7c29f1f1bc7 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Mon, 15 Apr 2024 17:19:56 +0200
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20fix=20text=20alignement,=20ema?=
 =?UTF-8?q?il=20input=20before=20icon=20and=20fix=20m=E2=80=A6=20(#3561)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(frontend): fix text alignement, email input before icon and fix modal/drawer z-index

* fix(frontend): fix text alignement, email input before icon and fix modal/drawer z-index
---
 .../src/lib/components/apps/components/display/AppText.svelte | 4 ++--
 .../lib/components/apps/components/inputs/AppTextInput.svelte | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/AppText.svelte b/frontend/src/lib/components/apps/components/display/AppText.svelte
index 910d873b6b..f00ab3d1d9 100644
--- a/frontend/src/lib/components/apps/components/display/AppText.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppText.svelte
@@ -204,7 +204,7 @@
 				{:else}
 					<!-- svelte-ignore a11y-click-events-have-key-events -->
 					<div
-						class="flex flex-wrap gap-2 pb-0.5 {$mode === 'dnd' &&
+						class="flex flex-wrap gap-2 pb-0.5 w-full {$mode === 'dnd' &&
 						(componentInput?.type == 'template' || componentInput?.type == 'templatev2')
 							? 'cursor-text'
 							: ''}"
@@ -212,7 +212,7 @@
 						<svelte:element
 							this={component}
 							class={twMerge(
-								'whitespace-pre-wrap',
+								'whitespace-pre-wrap w-full',
 
 								css?.text?.class,
 								classes,
diff --git a/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte b/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte
index 0bddcc4480..c5824bf252 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte
@@ -196,7 +196,7 @@
 					<input
 						class={twMerge(
 							classInput,
-							resolvedConfig.beforeIcon != undefined ? '!pl-8' : '',
+							resolvedConfig.beforeIcon ? '!pl-8' : '',
 							resolvedConfig.afterIcon ? '!pr-8' : ''
 						)}
 						style={css?.input?.style ?? ''}