mirror of
https://github.com/zulip/zulip.git
synced 2025-11-06 23:13:25 +00:00
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:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user