Grid cell label: left-align, count left of index

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

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;
 	});

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 {