From 33265537ca34cccd06b05ac440c7800314f2ad62 Mon Sep 17 00:00:00 2001 From: willkhinz Date: Wed, 25 Mar 2026 16:10:15 -0700 Subject: [PATCH] =?UTF-8?q?fix:=20resolve=20[bug]=20[alpha]=20confirmation?= =?UTF-8?q?=20message=20row=20(`.modal-message-row`)=20has=20horizontal=20?= =?UTF-8?q?padding=20only=20=E2=80=94=20computed=20top/bottom=20padding=20?= =?UTF-8?q?0px?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: willkhinz --- FIX_PROPOSAL.md | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 FIX_PROPOSAL.md diff --git a/FIX_PROPOSAL.md b/FIX_PROPOSAL.md new file mode 100644 index 0000000..74d5951 --- /dev/null +++ b/FIX_PROPOSAL.md @@ -0,0 +1,37 @@ +To fix the issue of the confirmation message row (`.modal-message-row`) having horizontal padding only, with computed top/bottom padding being 0px, you need to add vertical padding to the CSS rule. + +**Solution:** + +Update the CSS rule in `modal.css` to include vertical padding: +```css +.modal-message-row, +.dialog-message-row { + display: flex; + flex-grow: 1; + align-items: center; + padding: 10px; /* Add vertical padding */ +} +``` +Alternatively, you can use a design token or a variable to define the padding value: +```css +.modal-message-row, +.dialog-message-row { + display: flex; + flex-grow: 1; + align-items: center; + padding: var(--modal-message-row-padding); /* Define a design token */ +} +``` +Then, define the design token in your CSS variables: +```css +:root { + --modal-message-row-padding: 10px; +} +``` +**Commit Message:** +``` +Fix: Add vertical padding to .modal-message-row + +* Update modal.css to include vertical padding +* Use a design token for padding value (optional) +``` \ No newline at end of file