style: fix horizontal centering of start/select labels in landscape

swapsha96 · swapsha96 · commit e726fa7838e4 · 2026-03-13T11:22:33.000+05:30
diff --git a/src/components/GameBoy.astro b/src/components/GameBoy.astro
@@ -2330,6 +2330,8 @@ h1 {
 
 .console.landscape .pill-label {
     top: -18px; /* Push absolute positioned text cleanly above the groove (-5px) */
+    left: 50%;
+    transform: translateX(-50%);
     font-size: 8px; /* Slightly smaller text */
 }
 

Original file line number	Diff line number	Diff line change
`@@ -2330,6 +2330,8 @@ h1 {`
`2330`	`2330`
`2331`	`2331`	`.console.landscape .pill-label {`
`2332`	`2332`	`top: -18px; /* Push absolute positioned text cleanly above the groove (-5px) */`
	`2333`	`+ left: 50%;`
	`2334`	`+ transform: translateX(-50%);`
`2333`	`2335`	`font-size: 8px; /* Slightly smaller text */`
`2334`	`2336`	`}`
`2335`	`2337`