From 5ac5aa57a8da848b76a7f5da49694e27dfb6380f Mon Sep 17 00:00:00 2001
From: midzelis <min123@gmail.com>
Date: Fri, 26 Sep 2025 22:58:04 +0000
Subject: [PATCH] fix: padding for searchresults/photostream

---
 web/src/lib/components/search/SearchResults.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/search/SearchResults.svelte b/web/src/lib/components/search/SearchResults.svelte
index 4e13cdf125..eb5f58860c 100644
--- a/web/src/lib/components/search/SearchResults.svelte
+++ b/web/src/lib/components/search/SearchResults.svelte
@@ -22,8 +22,13 @@
     searchResultsManager: SearchResultsManager;
   }
 
-  let { searchResultsManager, assetInteraction, children, stylePaddingHorizontalPx, styleMarginTopPx }: Props =
-    $props();
+  let {
+    searchResultsManager,
+    assetInteraction,
+    children,
+    stylePaddingHorizontalPx = 0,
+    styleMarginTopPx,
+  }: Props = $props();
   let viewer: Photostream | undefined = $state(undefined);
 
   const onAfterNavigateComplete = ({ scrollToAssetQueryParam }: { scrollToAssetQueryParam: boolean }) =>
@@ -50,7 +55,7 @@
     {@render children?.()}
 
     {#snippet skeleton({ segment })}
-      <Skeleton height={segment.height - segment.timelineManager.headerHeight} />
+      <Skeleton height={segment.height - segment.timelineManager.headerHeight} {stylePaddingHorizontalPx} />
     {/snippet}
 
     {#snippet segment({ segment, onScrollCompensationMonthInDOM })}