#127 adjust spacing for next back buttons

pkgxdev · Mar 9, 2023 · 9b71a78 · 9b71a78
1 parent f06ea8a
commit 9b71a78
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/modules/desktop/src/components/top-bar/top-bar.svelte b/modules/desktop/src/components/top-bar/top-bar.svelte
@@ -22,15 +22,17 @@
 </script>
 
 <header class="border-gray flex w-full border border-l-0 border-r-0" style="-webkit-app-region: drag">
-	<div class="w-16">
+	<div class="w-16 mr-2">
 		<!-- just spacing for the close/expand/ buttons in title bar
 			todo: handle this different when on linux probably move to right
 		-->
 	</div>
-	<ul class="text-gray flex h-10 gap-4 pl-4 align-middle leading-10">
-		<button on:click={navStore.back} class={$prevPath ? 'active' : ''}>&#8592</button>
-		<button on:click={navStore.next} class={$nextPath ? 'active' : ''}>&#8594</button>
-	</ul>
+	{#if $prevPath || $nextPath}
+		<ul class="text-gray flex h-10 gap-4 pl-2 align-middle leading-10 mr-2">
+			<button on:click={navStore.back} class={$prevPath ? 'active' : ''}>&#8592</button>
+			<button on:click={navStore.next} class={$nextPath ? 'active' : ''}>&#8594</button>
+		</ul>
+	{/if}
 	<div class="p-1 flex-grow h-8">
 		<SearchInput
 			class="w-full border border-gray rounded-sm"