Monorepo for Aesthetic.Computer
aesthetic.computer
prompt: fix notepat button icon/text overlap, enlarge piano keys
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
+13
-11
+13
-11
system/public/aesthetic.computer/disks/prompt.mjs
+13
-11
system/public/aesthetic.computer/disks/prompt.mjs
···
5927
5927
commitBtn.paint($, colors);
5928
5928
5929
5929
// 🎹 Notepat shortcut button — sits to the right of the commit button.
5930
-
// Two leading spaces reserve room for the piano icon we draw afterward.
5931
-
const notepatLabel = " notepat";
5930
+
// Leading spaces reserve room for the piano icon we draw afterward.
5931
+
// MatrixChunky8 = 4px/char + 2px pad ⇒ text starts at box.x + 2 + 4*spaces.
5932
+
// Icon frame (13×9) ends at box.x + 15, so 4 spaces (x+18) leaves a 3px gap.
5933
+
const notepatLabel = " notepat";
5932
5934
const notepatX = cBox.x + cBox.w + 4;
5933
5935
if (!notepatBtn) {
5934
5936
notepatBtn = new $.ui.TextButtonSmall(notepatLabel, { x: notepatX, y: buttonY });
···
5953
5955
];
5954
5956
notepatBtn.paint($, notepatColors);
5955
5957
5956
-
// Tiny 7×5 piano icon drawn over the leading whitespace of the label.
5958
+
// 11×7 piano icon (3 white keys, 2 black keys) with a 13×9 frame.
5957
5959
const ix = nBox.x + 3;
5958
-
const iy = nBox.y + 3;
5960
+
const iy = nBox.y + 2;
5959
5961
// White keys base
5960
-
$.ink(225, 225, 232).box(ix, iy, 7, 5, "fill");
5961
-
// Key dividers
5962
-
$.ink(40, 30, 50).line(ix + 2, iy + 2, ix + 2, iy + 4);
5963
-
$.ink(40, 30, 50).line(ix + 4, iy + 2, ix + 4, iy + 4);
5962
+
$.ink(225, 225, 232).box(ix, iy, 11, 7, "fill");
5963
+
// Key dividers between white keys
5964
+
$.ink(40, 30, 50).line(ix + 3, iy + 3, ix + 3, iy + 6);
5965
+
$.ink(40, 30, 50).line(ix + 7, iy + 3, ix + 7, iy + 6);
5964
5966
// Two black keys on top
5965
-
$.ink(30, 20, 40).box(ix + 1, iy, 2, 3, "fill");
5966
-
$.ink(30, 20, 40).box(ix + 4, iy, 2, 3, "fill");
5967
+
$.ink(30, 20, 40).box(ix + 2, iy, 3, 4, "fill");
5968
+
$.ink(30, 20, 40).box(ix + 6, iy, 3, 4, "fill");
5967
5969
// Frame
5968
-
$.ink(notepatColors[1]).box(ix - 1, iy - 1, 9, 7, "outline");
5970
+
$.ink(notepatColors[1]).box(ix - 1, iy - 1, 13, 9, "outline");
5969
5971
}
5970
5972
versionCommit = versionInfo.deployed;
5971
5973
} else {