From 99d80f56b72d692a466b97fa031acb977115c976 Mon Sep 17 00:00:00 2001
From: lew <lew@ily.rs>
Date: Thu, 26 Mar 2026 15:46:41 +0000
Subject: [PATCH] fix: guestbook alignment tweak so comments don't overflow
 their column

---
 www/public/config.yaml    | 3 +--
 www/src/pages/index.astro | 4 ++--
 www/src/styles/global.css | 4 ++++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/www/public/config.yaml b/www/public/config.yaml
index 1a35e95..a83350b 100644
--- a/www/public/config.yaml
+++ b/www/public/config.yaml
@@ -1,3 +1,2 @@
 pinned:
-  - now.txt
-  - cv.txt
+  - none
diff --git a/www/src/pages/index.astro b/www/src/pages/index.astro
index 483af09..0303c8b 100644
--- a/www/src/pages/index.astro
+++ b/www/src/pages/index.astro
@@ -59,8 +59,8 @@ const urls = [
 <pre class="guestbook-entries" set:html={guestbookEntries.map((e, i) => {
   const prefix = i === 0 ? labelPrefix(SECTIONS.guestbook, `?just=${SECTIONS.guestbook}`) : blankPrefix;
   const nameHtml = e.url ? `<a href="${e.url}"><b>${e.name}</b></a>` : `<b>${e.name}</b>`;
-  return `${prefix}<span class="muted">${formatDate(e.createdAt)}</span>  ${nameHtml} ${e.message}`;
-}).join('\n')} />
+  return `<span class="guestbook-entry" style="padding-left: ${labelWidth + 12}ch; text-indent: -${labelWidth + 12}ch;">${prefix}<span class="muted">${formatDate(e.createdAt)}</span>  ${nameHtml} ${e.message}</span>`;
+}).join('')} />
   <form id="guestbook-form" class="guestbook-form" style={`margin-left: ${labelWidth + 12}ch`}>
     <input type="text" name="name" placeholder="name" required maxlength="100" /><br />
     <input type="text" name="message" placeholder="message" required maxlength="500" /><br />
diff --git a/www/src/styles/global.css b/www/src/styles/global.css
index 524c5d9..c18363d 100644
--- a/www/src/styles/global.css
+++ b/www/src/styles/global.css
@@ -104,6 +104,10 @@ section pre {
   white-space: pre-wrap;
 }
 
+.guestbook-entry {
+  display: block;
+}
+
 .guestbook-form {
   margin-top: 0.5rem;
   font-family: monospace;