From b00679f8affa88b547a7607051b299bbdaa08462 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.schwabe@mediaspray.de>
Date: Mon, 7 Sep 2026 19:26:26 +0200
Subject: [PATCH] Bilder-Rand-Fix-Fiunal

---
 backend/public/book/book.css     | 1 +
 backend/public/friend/friend.css | 2 +-
 backend/src/pdf.js               | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/backend/public/book/book.css b/backend/public/book/book.css
index e81528d..7334176 100644
--- a/backend/public/book/book.css
+++ b/backend/public/book/book.css
@@ -26,6 +26,7 @@
 
 .scrap-grid {
   display: flex; flex-wrap: wrap; gap: 2em 1.6em; justify-content: center; padding: 1em 0.5em;
+  align-items: flex-start;
 }
 
 .scrap-item { background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,0.16); transition: transform 0.15s ease; }
diff --git a/backend/public/friend/friend.css b/backend/public/friend/friend.css
index 1e54bdb..541d8b7 100644
--- a/backend/public/friend/friend.css
+++ b/backend/public/friend/friend.css
@@ -21,7 +21,7 @@
 .tab-btn { background: #fff; color: var(--ink-soft); border: 2px solid var(--line); box-shadow: none; padding: 0.5em 1em; }
 .tab-btn.active { background: var(--ink-soft); color: #fff; border-color: var(--ink-soft); }
 
-.blocks-list { display: flex; flex-wrap: wrap; gap: 1.2em; margin-top: 1.4em; }
+.blocks-list { display: flex; flex-wrap: wrap; gap: 1.2em; margin-top: 1.4em; align-items: flex-start; }
 .block-item {
   background: var(--paper-2); border-radius: 10px; box-shadow: var(--shadow);
   padding: 1em; width: 220px; position: relative;
diff --git a/backend/src/pdf.js b/backend/src/pdf.js
index 77692ec..807f688 100644
--- a/backend/src/pdf.js
+++ b/backend/src/pdf.js
@@ -209,7 +209,7 @@ async function buildFullHtml(friends, bookTitle) {
   .sb-row { display: flex; gap: 6px; font-size: 13px; margin-bottom: 2mm; font-family: Georgia, serif; }
   .sb-key { font-weight: bold; min-width: 32mm; color: #6b4f8c; }
   .muted { color: #9a8fb0; font-style: italic; font-size: 12px; font-family: Georgia, serif; }
-  .blocks { display: flex; flex-wrap: wrap; gap: 6mm; }
+  .blocks { display: flex; flex-wrap: wrap; gap: 6mm; align-items: flex-start; }
   .pdf-block { background: #fff; padding: 4mm; box-shadow: 0 3px 10px rgba(0,0,0,0.15); }
   .polaroid { padding: 4mm 4mm 6mm; width: 58mm; }
   .polaroid img { display: block; max-width: 100%; max-height: 55mm; width: auto; height: auto; margin: 0 auto; }