From 92804fe4b20a08956ea212dcdfab4a5bf1e1f07f Mon Sep 17 00:00:00 2001
From: natedawg <868654+natedawg@users.noreply.github.com>
Date: Tue, 12 Mar 2024 18:03:37 -0700
Subject: [PATCH] fix(web): Remove excess spacing on #asset-grid and search bar
 (#7910)

* fix(web): Remove excess left-margin on #asset-grid

* fix(web): Remove excess left-padding on search bar

---------

Co-authored-by: natedawg <nate@natedawg.net>
---
 web/src/lib/components/photos-page/asset-grid.svelte            | 2 +-
 .../shared-components/navigation-bar/navigation-bar.svelte      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte
index 2dd35ca30f..b66bfc96fd 100644
--- a/web/src/lib/components/photos-page/asset-grid.svelte
+++ b/web/src/lib/components/photos-page/asset-grid.svelte
@@ -387,7 +387,7 @@
 <!-- Right margin MUST be equal to the width of immich-scrubbable-scrollbar -->
 <section
   id="asset-grid"
-  class="scrollbar-hidden h-full overflow-y-auto pb-[60px] {isEmpty ? 'm-0' : 'ml-4 mr-[60px]'}"
+  class="scrollbar-hidden h-full overflow-y-auto pb-[60px] {isEmpty ? 'm-0' : 'mr-[60px]'}"
   bind:clientHeight={viewport.height}
   bind:clientWidth={viewport.width}
   bind:this={element}
diff --git a/web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte b/web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte
index 5d85fe8c0a..9edfd74b33 100644
--- a/web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte
+++ b/web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte
@@ -51,7 +51,7 @@
       </h1>
     </a>
     <div class="flex justify-between gap-16 pr-6">
-      <div class="hidden w-full max-w-5xl flex-1 pl-4 sm:block">
+      <div class="hidden w-full max-w-5xl flex-1 sm:block">
         {#if $featureFlags.search}
           <SearchBar grayTheme={true} />
         {/if}