fix(ui): fit sidebar photo tiles

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 {