From a0b6c5c67afcd51973402b536fb573b24c6ca389 Mon Sep 17 00:00:00 2001
From: r-zakarya <82443831+r-zakarya@users.noreply.github.com>
Date: Wed, 22 Jul 2026 11:53:25 +0100
Subject: [PATCH] style(list): note rows get the same 110px track as password
 rows

The note placeholder was still flex:1, so note rows' copy button sat at the
far edge while password rows' sat at 110px. Same fixed track for both, full
label on hover.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 css/style.css | 4 +++-
 js/app.js     | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index ba61d7a..18d92f7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -878,7 +878,9 @@ input[type="range"]::-webkit-slider-thumb {
 .entry-grid.is-list .entry-note-row  { display: contents; }
 .entry-grid.is-list .entry-note-placeholder {
     order: 3;
-    flex: 1;
+    /* Same track as .entry-pw so note rows line their copy button up with
+       the password rows'. Full text on hover via the title attr. */
+    flex: 0 0 110px;
     min-width: 0;
     font-size: 11px;
     color: var(--text-dim);
diff --git a/js/app.js b/js/app.js
index e0a381b..2c6b95e 100644
--- a/js/app.js
+++ b/js/app.js
@@ -2911,8 +2911,9 @@ function renderCard(e) {
         // copy.
         const noteRow = el('div', { class: 'entry-note-row' });
         const tplLbl = templateLabel(e.template);
-        noteRow.appendChild(el('span', { class: 'entry-note-placeholder' },
-            tplLbl || 'Encrypted note · click to read'));
+        const noteLbl = tplLbl || 'Encrypted note · click to read';
+        noteRow.appendChild(el('span',
+            { class: 'entry-note-placeholder', title: noteLbl }, noteLbl));
         // Same crypto pipeline as a password — copyPassword decrypts the
         // body and drops it in the secure clipboard.
         const copyBtn = el('button', {