From 8ec3087dbd4c395017590df83b17cc18ac21f3f6 Mon Sep 17 00:00:00 2001
From: Pascal Garber <pascal@artandcode.studio>
Date: Fri, 12 Jun 2026 21:02:56 +0200
Subject: [PATCH] Gnome: equalize d-pad cell widths

The empty center filler keeps the default button padding (10px per
side) instead of the 5px the surrounding icon buttons get from
libadwaita's .image-button rule. Combined with osd's 32px min-width
that pushed its minimum width to 52px, overruling the shared 50px
width-request and offsetting the up/down buttons by 1px per side.
Give the filler the icon buttons' padding so every cell is 50px.

Fixes #136
---
 .../src/widgets/game-console/gamepad.css        | 10 ++++++++++
 packages/app-gnome/src/widgets/index.css        | 17 +++++++++--------
 2 files changed, 19 insertions(+), 8 deletions(-)
 create mode 100644 packages/app-gnome/src/widgets/game-console/gamepad.css

diff --git a/packages/app-gnome/src/widgets/game-console/gamepad.css b/packages/app-gnome/src/widgets/game-console/gamepad.css
new file mode 100644
index 00000000..29f399c3
--- /dev/null
+++ b/packages/app-gnome/src/widgets/game-console/gamepad.css
@@ -0,0 +1,10 @@
+#gamepad #buttonCenter {
+  /* The center filler is an empty button, so it keeps the default button
+     padding (10px per side) instead of the 5px the surrounding icon buttons
+     get from .image-button. Combined with osd's 32px min-width that pushes
+     its minimum width to 52px, overruling the 50px width-request shared by
+     all d-pad cells and offsetting the up/down buttons by 1px per side.
+     Match the icon buttons' padding so every cell stays exactly 50px. */
+  padding-left: 5px;
+  padding-right: 5px;
+}
diff --git a/packages/app-gnome/src/widgets/index.css b/packages/app-gnome/src/widgets/index.css
index f3972151..3d5f8c32 100644
--- a/packages/app-gnome/src/widgets/index.css
+++ b/packages/app-gnome/src/widgets/index.css
@@ -1,8 +1,9 @@
-@import './theme-mode-selector.css';
-@import './primary-color-selector.css';
-@import './accent-color-selector.css';
-@import './examples-list.css';
-@import './example-list-item.css';
-@import './main-button.css';
-@import './source-view.css';
-@import './toolbar.css';
+@import "./theme-mode-selector.css";
+@import "./primary-color-selector.css";
+@import "./accent-color-selector.css";
+@import "./examples-list.css";
+@import "./example-list-item.css";
+@import "./main-button.css";
+@import "./source-view.css";
+@import "./toolbar.css";
+@import "./game-console/gamepad.css";