From a4d8f0f613d2cf6de0a365ac477eda215743ed6e Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Mon, 26 Aug 2024 19:59:26 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=9D=20Adds=20gap=20between=20hamburger?=
 =?UTF-8?q?=20and=20view=20selector?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../lib/components/statusbar/statusbar.svelte | 54 +++++++++----------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/app/src/lib/components/statusbar/statusbar.svelte b/app/src/lib/components/statusbar/statusbar.svelte
index f2051fc..e5ee760 100644
--- a/app/src/lib/components/statusbar/statusbar.svelte
+++ b/app/src/lib/components/statusbar/statusbar.svelte
@@ -1,41 +1,41 @@
 <script lang="ts">
-	import { page } from '$app/stores';
-	import { telemetry } from '$lib/stores/telemetry';
-	
-	import RssiIndicator from '$lib/components/statusbar/RSSIIndicator.svelte';
-	import BatteryIndicator from '$lib/components/statusbar/BatteryIndicator.svelte';
-	import UpdateIndicator from '$lib/components/statusbar/UpdateIndicator.svelte';
-	import SleepButton from './SleepButton.svelte';
-	import ThemeButton from './ThemeButton.svelte';
-	import FullscreenButton from './FullscreenButton.svelte';
-	import StopButton from './StopButton.svelte';
-	import ViewSelector from './ViewSelector.svelte';
-	import { Hamburger } from '../icons';
+    import { page } from '$app/stores';
+    import { telemetry } from '$lib/stores/telemetry';
+
+    import RssiIndicator from '$lib/components/statusbar/RSSIIndicator.svelte';
+    import BatteryIndicator from '$lib/components/statusbar/BatteryIndicator.svelte';
+    import UpdateIndicator from '$lib/components/statusbar/UpdateIndicator.svelte';
+    import SleepButton from './SleepButton.svelte';
+    import ThemeButton from './ThemeButton.svelte';
+    import FullscreenButton from './FullscreenButton.svelte';
+    import StopButton from './StopButton.svelte';
+    import ViewSelector from './ViewSelector.svelte';
+    import { Hamburger } from '../icons';
 </script>
 
 <div class="navbar bg-base-300 sticky top-0 z-10 h-12 min-h-fit drop-shadow-lg lg:h-16 gap-2 pr-0">
-	<div class="flex-1">
-		<label for="main-menu" class="btn btn-ghost btn-circle btn-sm drawer-button">
+    <div class="flex-1 gap-2">
+        <label for="main-menu" class="btn btn-ghost btn-circle btn-sm drawer-button">
             <Hamburger class="h-6 w-auto" />
         </label>
-		{#if $page.data.title === 'Controller'}
-			<ViewSelector />
-		{:else}
-			<h1 class="px-2 text-xl font-bold lg:text-2xl">{$page.data.title}</h1>
-		{/if}
+        {#if $page.data.title === 'Controller'}
+            <ViewSelector />
+        {:else}
+            <h1 class="px-2 text-xl font-bold lg:text-2xl">{$page.data.title}</h1>
+        {/if}
     </div>
-	
+
     <UpdateIndicator />
-	
+
     <FullscreenButton />
 
-    <ThemeButton/>
+    <ThemeButton />
+
+    <RssiIndicator rssi={$telemetry.rssi.rssi} />
 
-    <RssiIndicator rssi={$telemetry.rssi.rssi}/>
-	
     <BatteryIndicator battery={$telemetry.battery} />
-	
+
     <SleepButton />
-	
-	<StopButton />
+
+    <StopButton />
 </div>