From 94b8bc47380ea537512042ae412a3ace1ef709e7 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Thu, 18 May 2023 08:19:49 +0200
Subject: [PATCH] fix(frontend): Fix the spinning logo position (#1595)

---
 .../src/lib/components/CenteredModal.svelte   | 48 ++++++++++---------
 .../user/(user)/workspaces/+page.svelte       |  5 +-
 2 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/frontend/src/lib/components/CenteredModal.svelte b/frontend/src/lib/components/CenteredModal.svelte
index ef11c05dab..63c474d402 100644
--- a/frontend/src/lib/components/CenteredModal.svelte
+++ b/frontend/src/lib/components/CenteredModal.svelte
@@ -14,30 +14,34 @@
 </script>
 
 <div class="center-center min-h-screen p-4 relative bg-gray-50">
-	<div
-		class="border rounded-md shadow-md bg-white w-full max-w-[640px]
-	p-4 sm:py-8 sm:px-10 mb-6 md:mb-20 z-10"
-	>
-		<div class="mb-10">
-			<h1 class="text-center">
-				{title}
-			</h1>
-			{#if subtitle}
-				<p class="text-sm text-center text-gray-600 mt-2">
-					{subtitle}
-				</p>
-			{/if}
-		</div>
-		<slot />
-	</div>
-	{#if !disableLogo}
-		<div class="hidden lg:block absolute top-10 right-50">
-			<div>
-				<WindmillIcon height="100px" width="100px" spin="slow" />
+	<div class="flex flex-col gap-2 items-center w-full">
+		{#if !disableLogo}
+			<div class="hidden lg:block">
+				<div>
+					<WindmillIcon height="100px" width="100px" spin="slow" />
+				</div>
+				<h2 class="text-center pt-2 text-gray-800">Windmill</h2>
 			</div>
-			<h2 class="text-center pt-2 text-gray-800">Windmill</h2>
+		{/if}
+
+		<div
+			class="border rounded-md shadow-md bg-white w-full max-w-[640px]
+	p-4 sm:py-8 sm:px-10 mb-6 md:mb-20 z-10"
+		>
+			<div class="mb-10">
+				<h1 class="text-center">
+					{title}
+				</h1>
+				{#if subtitle}
+					<p class="text-sm text-center text-gray-600 mt-2">
+						{subtitle}
+					</p>
+				{/if}
+			</div>
+			<slot />
 		</div>
-	{/if}
+	</div>
+
 	<div class="absolute top-0 right-0 text-2xs text-gray-800 italic px-3 py-1">
 		<span class="font-mono">{version}</span>
 	</div>
diff --git a/frontend/src/routes/(root)/(logged)/user/(user)/workspaces/+page.svelte b/frontend/src/routes/(root)/(logged)/user/(user)/workspaces/+page.svelte
index d1f7055ced..19e7d15594 100644
--- a/frontend/src/routes/(root)/(logged)/user/(user)/workspaces/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/user/(user)/workspaces/+page.svelte
@@ -85,9 +85,8 @@
 {/if}
 
 <CenteredModal title="Select a workspace" subtitle="Logged in as {$usersWorkspaceStore?.email}">
-	<h2 class="mb-4 inline-flex gap-2"
-		>Workspaces{#if loading}<WindmillIcon spin="fast" />
-		{/if}
+	<h2 class="mb-4 inline-flex gap-2">
+		Workspaces{#if loading}<WindmillIcon spin="fast" />{/if}
 	</h2>
 
 	{#if $superadmin}