From 03770fef208ffc06efa9dc0dcb77a19066782a62 Mon Sep 17 00:00:00 2001
From: Justin Oros <JustinOros@gmail.com>
Date: Wed, 20 May 2026 22:50:48 -0700
Subject: [PATCH] Fix A/B buttons overlapping in landscape by positioning them
 side by side

---
 style.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/style.css b/style.css
index a55a80e..19d9397 100644
--- a/style.css
+++ b/style.css
@@ -722,6 +722,8 @@ html, body {
 
   .dpad        { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); }
   .ab-cluster  { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); }
+  .ab-b { bottom: auto; left: 5%; top: 50%; transform: translateY(-50%); }
+  .ab-a { top: 50%; right: 5%; transform: translateY(-50%); }
   .gba-mid-btns { flex-direction: column; gap: 5px; }
   .gba-mid-btn  { min-width: 44px; width: 44px; font-size: 5px; padding: 6px 4px; }
 }