style: fix horizontal centering width bounds for landscape labels

swapsha96 · swapsha96 · commit 0ae58c5d9725 · 2026-03-13T11:43:02.000+05:30
diff --git a/src/components/GameBoy.astro b/src/components/GameBoy.astro
@@ -2332,6 +2332,8 @@ h1 {
     top: -18px; /* Push absolute positioned text cleanly above the groove (-5px) */
     left: 50%;
     transform: translateX(-50%);
+    width: auto; /* Override portrait 100% width bound which clips to the 24px parent */
+    white-space: nowrap; /* Prevent text from wrapping inside the parent constraints */
     font-size: 8px; /* Slightly smaller text */
 }
 

Original file line number	Diff line number	Diff line change
`@@ -2332,6 +2332,8 @@ h1 {`
`2332`	`2332`	`top: -18px; /* Push absolute positioned text cleanly above the groove (-5px) */`
`2333`	`2333`	`left: 50%;`
`2334`	`2334`	`transform: translateX(-50%);`
	`2335`	`+ width: auto; /* Override portrait 100% width bound which clips to the 24px parent */`
	`2336`	`+ white-space: nowrap; /* Prevent text from wrapping inside the parent constraints */`
`2335`	`2337`	`font-size: 8px; /* Slightly smaller text */`
`2336`	`2338`	`}`
`2337`	`2339`