From bd58f25d57fa358aed64382e0f9b7a0e9df9d68b Mon Sep 17 00:00:00 2001
From: dawoodkhan82 <dawoodkhan82@gmail.com>
Date: Fri, 11 Feb 2022 14:10:30 -0500
Subject: [PATCH] pretty format fixes

---
 ui/packages/app/src/App.svelte                          | 4 ++--
 ui/packages/app/src/Interface.svelte                    | 8 ++++----
 ui/packages/app/src/components/input/Audio/Audio.svelte | 2 +-
 ui/packages/app/src/components/input/Image/Image.svelte | 4 ++--
 ui/packages/app/src/components/input/Video/Video.svelte | 6 +++---
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/ui/packages/app/src/App.svelte b/ui/packages/app/src/App.svelte
index 15acc4cf62..1a780eb6cb 100644
--- a/ui/packages/app/src/App.svelte
+++ b/ui/packages/app/src/App.svelte
@@ -14,8 +14,8 @@
 	import "./themes/peach.css";
 	import "./themes/seafoam.css";
 	import { _ } from "svelte-i18n";
-  import { setupi18n } from "./i18n";
-  setupi18n()
+	import { setupi18n } from "./i18n";
+	setupi18n();
 
 	interface Component {
 		name: string;
diff --git a/ui/packages/app/src/Interface.svelte b/ui/packages/app/src/Interface.svelte
index 37ca04087c..ca17e0898e 100644
--- a/ui/packages/app/src/Interface.svelte
+++ b/ui/packages/app/src/Interface.svelte
@@ -223,13 +223,13 @@
 					class="panel-button bg-gray-50 dark:bg-gray-700 flex-1 p-3 rounded transition font-semibold focus:outline-none"
 					on:click={clear}
 				>
-				{$_("interface.clear")}
+					{$_("interface.clear")}
 				</button>
 				<button
 					class="panel-button submit bg-gray-50 dark:bg-gray-700 flex-1 p-3 rounded transition font-semibold focus:outline-none"
 					on:click={submit}
 				>
-				{$_("interface.submit")}
+					{$_("interface.submit")}
 				</button>
 			</div>
 		</div>
@@ -296,7 +296,7 @@
 						{#if interpret_mode}
 							Hide
 						{:else}
-						{$_("interface.interpret")}
+							{$_("interface.interpret")}
 						{/if}
 					</button>
 				{/if}
@@ -305,7 +305,7 @@
 						class="panel-button flag bg-gray-50 dark:bg-gray-700 flex-1 p-3 rounded transition font-semibold focus:outline-none"
 						on:click={flag}
 					>
-					{$_("interface.flag")}
+						{$_("interface.flag")}
 					</button>
 				{/if}
 			</div>
diff --git a/ui/packages/app/src/components/input/Audio/Audio.svelte b/ui/packages/app/src/components/input/Audio/Audio.svelte
index 5a77a77ca3..fb483a8774 100644
--- a/ui/packages/app/src/components/input/Audio/Audio.svelte
+++ b/ui/packages/app/src/components/input/Audio/Audio.svelte
@@ -137,7 +137,7 @@
 		{:else if source === "upload"}
 			<Upload filetype="audio/*" load={setValue} {theme}>
 				{$_("interface.drop_audio")}
-					<br />- {$_("interface.or")} -<br />
+				<br />- {$_("interface.or")} -<br />
 				{$_("interface.click_to_upload")}
 			</Upload>
 		{/if}
diff --git a/ui/packages/app/src/components/input/Image/Image.svelte b/ui/packages/app/src/components/input/Image/Image.svelte
index 008932cde2..4b5467c06f 100644
--- a/ui/packages/app/src/components/input/Image/Image.svelte
+++ b/ui/packages/app/src/components/input/Image/Image.svelte
@@ -61,9 +61,9 @@
 					include_file_metadata={false}
 					{theme}
 				>
-				{$_("interface.drop_image")}
+					{$_("interface.drop_image")}
 					<br />- {$_("interface.or")} -<br />
-				{$_("interface.click_to_upload")}
+					{$_("interface.click_to_upload")}
 				</Upload>
 			{:else if source === "webcam"}
 				<Webcam on:capture={({ detail }) => setValue(detail)} {static_src} />
diff --git a/ui/packages/app/src/components/input/Video/Video.svelte b/ui/packages/app/src/components/input/Video/Video.svelte
index ddf9daec8d..dc379d846a 100644
--- a/ui/packages/app/src/components/input/Video/Video.svelte
+++ b/ui/packages/app/src/components/input/Video/Video.svelte
@@ -40,9 +40,9 @@
 				load={handle_load}
 				{theme}
 			>
-			{$_("interface.drop_video")}
-			<br />- {$_("interface.or")} -<br />
-			{$_("interface.click_to_upload")}
+				{$_("interface.drop_video")}
+				<br />- {$_("interface.or")} -<br />
+				{$_("interface.click_to_upload")}
 			</Upload>
 		{/if}
 	{:else}