From fd02b09624b90494ed2b42e03979dd90af2f58df Mon Sep 17 00:00:00 2001
From: Arne Baeumler <arne@br0tkasten.de>
Date: Fri, 12 Jun 2026 15:00:42 +0200
Subject: [PATCH] fix(ui): fit sidebar photo tiles

---
 src/server/request-handler.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/server/request-handler.ts b/src/server/request-handler.ts
index d6a2d79..9d0ab82 100644
--- a/src/server/request-handler.ts
+++ b/src/server/request-handler.ts
@@ -499,7 +499,7 @@ function htmlPage(): string {
       .list {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
-        gap: 6px;
+        gap: 4px;
         align-content: start;
         min-height: 0;
         overflow-y: auto;
@@ -523,7 +523,8 @@ function htmlPage(): string {
       .photo img {
         width: 100%;
         height: 100%;
-        object-fit: cover;
+        object-fit: contain;
+        background: var(--timeline-surface-strong);
         border-radius: 0;
         display: block;
       }
@@ -860,6 +861,7 @@ function htmlPage(): string {
         .list {
           max-height: min(52vh, 420px);
           grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
+          gap: 4px;
         }
 
         main {