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>
This commit is contained in:
r-zakarya
2026-07-22 11:53:25 +01:00
parent 506230f138
commit a0b6c5c67a
2 changed files with 6 additions and 3 deletions
+3 -1
View File
@@ -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);
+3 -2
View File
@@ -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', {