From 4c3954d989a395f07b3b2c96e720e2fe1cd4071a Mon Sep 17 00:00:00 2001
From: th <th@skilleven.de>
Date: Thu, 16 Apr 2026 12:46:01 +0200
Subject: [PATCH] fix: compact todo-item spacing, fix checkbox alignment in
 detail
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Todo items in preview were ~60px tall because marked.js wraps
checkbox-list content in <p> tags, and .prose p adds 0.75em
vertical margin inside the flex item. Three changes:

  - .todo-item p { margin:0; min-height:0 } kills the paragraph
    bloat inside todo rows.
  - Padding 5px→2px, min-height 28→24px, gap 10→8px for tighter
    stacking.
  - align-items switches from center to flex-start with margin-top
    on the checkbox so it sits at the first text line regardless of
    whether the <li> contains a bare text node or a <p>. Fixes the
    upward shift that appeared in the detail preview but not in the
    side panel.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 config.php            |  2 +-
 electron/package.json |  2 +-
 public/css/style.css  | 10 ++++++----
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/config.php b/config.php
index 515a2c6..2c891b4 100644
--- a/config.php
+++ b/config.php
@@ -1,7 +1,7 @@
 <?php
 
 define('APP_NAME', 'hyprcrd');
-define('APP_VERSION', '1.9.23');
+define('APP_VERSION', '1.9.24');
 
 // Database path — writable directory, outside webroot
 // DB_PATH / UPLOAD_DIR can be pre-defined by the Electron router for app isolation
diff --git a/electron/package.json b/electron/package.json
index 813a052..a90bb8f 100644
--- a/electron/package.json
+++ b/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hyprcrd",
-  "version": "1.9.23",
+  "version": "1.9.24",
   "description": "hyprcrd — self-hosted card manager",
   "main": "main.js",
   "scripts": {
diff --git a/public/css/style.css b/public/css/style.css
index 3cff0eb..d782e29 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1117,11 +1117,13 @@ body.anim-slow .board-card.card-pulse-local {
     margin: 0 !important;
     margin-left: -1.5em !important;
     display: flex !important;
-    align-items: center;
-    gap: 10px;
-    min-height: 28px;
-    padding: 5px 0;
+    align-items: flex-start;
+    gap: 8px;
+    min-height: 24px;
+    padding: 2px 0;
 }
+.todo-item p { margin: 0 !important; min-height: 0 !important; }
+.todo-cb { margin-top: 2px; }
 .todo-item { cursor: pointer; }
 .todo-item:hover { background: color-mix(in srgb, var(--t-raised) 50%, transparent); }
 .todo-item.todo-done .todo-text { color: var(--t-dim); text-decoration: line-through; }