From a5a29a176d4749b2ca693ae9311c1502f1398d1a Mon Sep 17 00:00:00 2001
From: Patrick Joyce <pjaudiomv@gmail.com>
Date: Sat, 17 Feb 2024 16:35:14 -0500
Subject: [PATCH] mv processing text to button

---
 src/lib/DataConverter.svelte | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/lib/DataConverter.svelte b/src/lib/DataConverter.svelte
index 867fa0c..7cf70e6 100644
--- a/src/lib/DataConverter.svelte
+++ b/src/lib/DataConverter.svelte
@@ -34,6 +34,7 @@
 		}
 		processing.set(true);
 		errorMessage.set('');
+		loadingText.set('Processing');
 		csvDownloadUrl = '';
 		kmlDownloadUrl = '';
 		startLoadingAnimation();
@@ -81,11 +82,9 @@
 				on:keydown={(event) => event.key === 'Enter' && handleExport()}
 				placeholder="BMLT URL query..."
 			/>
-			<button on:click={handleExport} disabled={$processing}>Generate Export Data</button>
-			{#if $processing}
-				<div class="loading">{$loadingText}</div>
-			{/if}
-
+			<button on:click={handleExport} disabled={$processing}
+				>{$processing ? $loadingText : 'Generate Export Data'}</button
+			>
 			{#if $errorMessage}
 				<p class="error" id="errorMessages">{$errorMessage}</p>
 			{/if}
@@ -152,6 +151,7 @@
 		padding: 10px 20px;
 		margin-bottom: 15px;
 		border-radius: 3px;
+		height: 40px;
 		cursor: pointer;
 	}
 
@@ -201,11 +201,4 @@
 		box-sizing: border-box;
 		text-align: center;
 	}
-
-	.loading {
-		color: #007bff;
-		text-align: center;
-		padding: 10px;
-		font-weight: bold;
-	}
 </style>