mirror of https://github.com/zulip/zulip.git
status_emoji: Bump margin-left on status emoji by 1 px.
While the 2px value that we had previously chosen looked alright for most emoji (😀, 😃, etc) some emoji such as 🐙 used more of the width available to them and as such still looked too close to the user name. As such this commit bumps the value to 3px (4px was a bit too much space).
This commit is contained in:
parent
b7747e51dd
commit
07df504c79
|
@ -2485,11 +2485,11 @@ div.topic_edit_spinner .loading_indicator_spinner {
|
||||||
emoji's width decreases and causes it to break. */
|
emoji's width decreases and causes it to break. */
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
/* In most contexts, status emoji appear immediately after a name
|
/* In most contexts, status emoji appear immediately after a name
|
||||||
field with no margin. Position the status emoji with 2px of left
|
field with no margin. Position the status emoji with 3px of left
|
||||||
margin to space it from the name, and set no right margin so
|
margin to space it from the name, and set no right margin so
|
||||||
that any components to the right appear equally distant as they
|
that any components to the right appear equally distant as they
|
||||||
would be from a name. */
|
would be from a name. */
|
||||||
margin-left: 2px;
|
margin-left: 3px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue