diff --git a/public/app.mjs b/public/app.mjs index 72e6d01..a51fc2c 100644 --- a/public/app.mjs +++ b/public/app.mjs @@ -1294,7 +1294,6 @@ function render_grid_viewer() { cell.classList.add('empty'); } const label_el = qs(cell, '.grid-cell-label'); - label_el.textContent = `R${row + 1}C${col + 1}`; const count = all_inventory.filter(inv => inv.location_type === 'grid' && inv.grid_id === grid.id && @@ -1307,6 +1306,10 @@ function render_grid_viewer() { label_el.appendChild(badge); } + const index_span = document.createElement('span'); + index_span.textContent = `R${row + 1}C${col + 1}`; + label_el.appendChild(index_span); + cell.addEventListener('click', (e) => open_cell_inventory(grid, row, col, e)); return cell; }); diff --git a/public/style.css b/public/style.css index c70460a..91ee631 100644 --- a/public/style.css +++ b/public/style.css @@ -1484,13 +1484,13 @@ nav { .grid-cell-label { display: flex; - justify-content: center; + justify-content: flex-start; align-items: center; gap: 0.3em; font-size: 0.65rem; color: var(--text-dim); - text-align: center; font-family: var(--font-mono); + padding-left: 1px; } .grid-cell-count {