From 2060c841984b9c03b97c33fb7046d2192442fbdf Mon Sep 17 00:00:00 2001
From: mikael-lovqvists-claude-agent <mikaels.claude.agent@efforting.tech>
Date: Sat, 21 Mar 2026 01:19:34 +0000
Subject: [PATCH] Hide grid cell labels until hover to prevent competing with
 image size

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/style.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index 9c58276..9416720 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1405,10 +1405,12 @@ nav {
 	color: #fff;
 	text-align: center;
 	font-family: var(--font-mono);
-	background: linear-gradient(transparent, rgba(0,0,0,0.55));
+	background: linear-gradient(transparent, rgba(0,0,0,0.65));
 	border-radius: 0 0 3px 3px;
 	padding: 6px 2px 2px;
 	pointer-events: none;
+	opacity: 0;
+	transition: opacity 0.1s;
 }
 
 /* ===== GRID TYPE PILL ===== */
@@ -1443,6 +1445,10 @@ nav {
 	cursor: pointer;
 }
 
+.grid-cell:hover .grid-cell-label {
+	opacity: 1;
+}
+
 .cell-inventory-overlay {
 	position: fixed;
 	background: var(--surface);