styling fixes

src/lib/components/NavBar.svelte

@@ -19,7 +19,7 @@
 
 <div class="flex flex-col h-screen">
 	<div class="navbar bg-base-300 sticky top-0 z-50">
-		<div class="navbar-start">
+		<div class="flex-1 pr-2">
 			<div class="dropdown">
 				<div tabindex="-1" class="btn btn-ghost text-primary lg:hidden">
 					<svg
@@ -49,12 +49,12 @@
 			</div>
 			<a class="link-primary text-xl" href="/">silentsilas</a>
 		</div>
-		<div class="navbar-end lg:hidden">
+		<div class="lg:hidden flex-none gap-2">
 			<div class="form-control">
 				<input
 					type="text"
 					placeholder="Search"
-					class="input input-bordered md:w-auto"
+					class="input input-bordered w-24 md:w-auto"
 					bind:value={searchQuery}
 					on:input={handleSearch}
 				/>

src/routes/(app)/+layout.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <NavBar>
-	<div class="flex flex-col items-center flex-1 overflow-auto">
+	<div class="flex flex-col items-center flex-1 overflow-auto py-4">
 		<slot />
 		<SearchResults />
 	</div>

src/routes/(app)/services/+page.svelte

@@ -49,7 +49,7 @@
 </script>
 
 {#if results.length <= 0}
-	<div class="container mx-auto flex flex-col items-center">
+	<div class="container mx-auto flex flex-col items-center px-4">
 		<div class="prose">
 			<h1 class="py-6 pt-10">Services</h1>
 			<p>