Minor UI improvements

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@exact-realty/cms-ep-sfx",
-	"version": "1.0.5",
+	"version": "1.0.6",
 	"description": "Secure File Sharing Utility",
 	"type": "module",
 	"main": "-",

src/App.css

@@ -139,10 +139,3 @@
 #ERROR_ELEMENT__ {
 	display: none;
 }
-
-/* Needed to make footer stick to the bottom */
-.app-container {
-	display: flex;
-	flex-direction: column;
-	min-height: 100vh;
-}

src/App.svelte

@@ -29,7 +29,10 @@
 	@tailwind components;
 	@tailwind utilities;
 
-	.main_ {
-		@apply h-full min-h-screen w-full bg-slate-300 py-1 text-slate-800;
+	/* Needed to make footer stick to the bottom */
+	.app-container {
+		display: flex;
+		flex-direction: column;
+		min-height: 100vh;
 	}
 </style>

src/loader.inline.ts

@@ -27,7 +27,7 @@ import {
 	if (!mainScript$ || !(mainScript$ instanceof HTMLScriptElement)) {
 		throw new Error('Missing main script element');
 	}
-	mainScript$.remove();
+	mainScript$.parentNode?.removeChild(mainScript$);
 	const text = atob(mainScript$.text.replace(/[^a-zA-Z0-9+/=]/g, ''));
 	const blob = new Blob([text], { ['type']: 'text/javascript' });
 	const script$ = document.createElementNS(ns, 'script');

src/pages/encrypt.svelte

@@ -467,7 +467,7 @@
 					>
 						<legend class="sr-only">File configuration</legend>
 						<label class="label">
-							<span>File name</span>
+							<span>Override file name</span>
 							<input
 								on:input={handleFileNameInput}
 								name={EFormFields.FILENAME}