settings: Fix text alignment in save and discard buttons.

The text inside save/discard widget buttons was misaligned with
respect to the icon in the button. To align it properly, we add
vertical-align and a reduced line-height property to the span.

Fixes: #20583.
This commit is contained in:
Rishabh-792
2022-01-30 19:39:59 +05:30
committed by Tim Abbott
parent c387e7c2ec
commit 91a0e14778

View File

@@ -1076,6 +1076,7 @@ input[type="checkbox"] {
text-decoration: none; text-decoration: none;
color: hsl(0, 0%, 47%); color: hsl(0, 0%, 47%);
min-width: 80px; min-width: 80px;
/* Limit the height of the button */
line-height: 1.2; line-height: 1.2;
vertical-align: text-bottom; vertical-align: text-bottom;
@@ -1118,6 +1119,11 @@ input[type="checkbox"] {
font-size: 15px; font-size: 15px;
font-weight: 500; font-weight: 500;
} }
.save-discard-widget-button-text {
vertical-align: middle;
line-height: 1;
}
} }
.save-button-controls { .save-button-controls {