feat(keybinds): draw the macropad beside the list

The pad glyph on each row was too small to read. The left fifth of the
overlay now draws the pad at size, each key labelled with its plain
action; hovering a key or an encoder lists everything it does, held
keys and turn direction spelled out. padActions() in Binds.js inverts
the grouped rows into that per-key list, and PAD's turn values became
words for it. The panel is pinned at a fixed height: centred, it moved
whenever the hovered key's list changed length.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

1 files changed, 6 insertions, 4 deletions

diff --git a/keybinds/README.md b/keybinds/README.md
index c4fa64f..e933600 100644
--- a/keybinds/README.md
+++ b/keybinds/README.md
@@ -20,10 +20,12 @@ Key names are Hyprland's unless `NAMES` in `Binds.js` gives a friendlier one
 (`mouse:272` shows as `LMB`, `XF86Calculator` as `Fn+F9`), and SUPER shows as
 Win. Add a line there to rename another.
 
-A bind the macropad sends shows the pad beside it: its 4x3 keys and two
-encoders drawn small, the one to press lit, with the turn direction and any
-key held. `PAD` in `Binds.js` maps each combo to its place, keyed by the combo
-as displayed, so renaming a key in `NAMES` means renaming it there too.
+The left fifth of the screen is the macropad, drawn as it sits on the desk:
+twelve keys, each carrying its plain action, and the two encoders. Hovering
+a key or an encoder lists everything it does underneath, with what is held
+and how an encoder is turned. `PAD` in `Binds.js` maps each combo the pad's
+firmware sends to its place, keyed by the combo as displayed, so renaming a
+key in `NAMES` means renaming it there too.
 
 ## Running