From 3cb9ebd4a0c8a3e072f8ea47080f266f60da266b Mon Sep 17 00:00:00 2001 From: evykassirer Date: Tue, 18 Feb 2025 15:34:47 -0800 Subject: [PATCH] settings: Clean up styling for save/discard buttons. This commit scales the X icon with font-size, centers it more consistently, and scales the button height with font-size. --- web/styles/app_components.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/web/styles/app_components.css b/web/styles/app_components.css index 0e25562211..fb99e619b6 100644 --- a/web/styles/app_components.css +++ b/web/styles/app_components.css @@ -883,13 +883,12 @@ input.settings_text_input { .save-discard-widget-button { border-radius: 5px; border: 1px solid hsl(0deg 0% 80%); - padding: 0.2143em 1em 0.2857em 0.7857em; /* 3px 14px 4px 11px at 14px/em */ text-decoration: none; color: hsl(0deg 0% 47%); - min-width: 80px; - /* Limit the height of the button */ - line-height: 1.2; - vertical-align: text-bottom; + min-width: 5.7142em; /* 80px at 14px/em */ + display: flex; + align-items: center; + height: 1.8429em; /* 25.8px at 14px/em */ &:hover, &:focus { @@ -945,7 +944,7 @@ input.settings_text_input { .save-discard-widget-button-icon { vertical-align: middle; margin-right: 3px; - font-size: 15px; + font-size: 1.0714em; /* 15px at 14px/em */ font-weight: 400; }