webapp: wrap destruction notes instead of widening the table

The theme sets white-space: nowrap on every table cell, so the
ServiceNow tick list's destruction note (and the to-do failure column)
ran as one line and pushed the Done buttons off to the right. A
td.wrap utility lets prose cells wrap within 16-28rem.
This commit is contained in:
cproudlock
2026-10-05 14:04:40 -04:00
parent 6fcdc8ddb5
commit 121577f090
3 changed files with 11 additions and 2 deletions

View File

@@ -496,6 +496,15 @@ table.table,
border-top: 1px solid var(--border);
color: var(--text);
}
/* Cells holding prose (e.g. destruction notes) wrap instead of widening
the table; every other cell stays nowrap. */
.data-table td.wrap {
white-space: normal;
min-width: 16rem;
max-width: 28rem;
overflow-wrap: anywhere;
}
.data-table tbody tr:hover,
.table tbody tr:hover { background: rgba(65, 129, 255, 0.1); }

View File

@@ -53,7 +53,7 @@
{% if it.failed %}<span class="badge badge-danger">Blancco Wipe failed</span>
{% else %}<span class="badge badge-success">Wiped</span>{% endif %}
</td>
<td style="max-width: 28rem;">
<td class="wrap">
{% if it.note %}
<div class="small">{{ it.note }}</div>
<button type="button" class="btn btn-sm btn-outline-secondary btn-row-action copy-btn mt-1" data-copy-text="{{ it.note }}">copy note</button>

View File

@@ -69,7 +69,7 @@
<td class="mono">{{ it.serial or '-' }}</td>
<td>{{ it.model or '-' }}</td>
<td class="mono text-nowrap">{{ it.when.strftime('%Y-%m-%d %H:%M') }}</td>
<td class="small" style="max-width: 26rem;">{{ it.note }}</td>
<td class="small wrap">{{ it.note }}</td>
<td class="text-end text-nowrap">
<a href="{{ url_for('blancco_view_report', filename=it.file) }}" class="pxe-btn pxe-btn-secondary btn-row-action"><i class="bi bi-eye"></i> Report</a>
<form method="post" action="{{ url_for('blancco_todo_mark', kind='destroyed', key=it.document_id) }}" style="display:inline;">