compose: Fix alignment of close button in warning banner.

A bug in the compose.css code resulted in showing the close button in
the banner in a wrong way.  The previous logic to center the button
vertically didn't actually achieve our goals, since in cases where the
text line-wraps to two lines, it'd look oddly out of place.

Fixes #19770.
This commit is contained in:
iampranavdhar 2021-10-17 23:58:40 +05:30 committed by Tim Abbott
parent 140c0fd599
commit 5b7bb5142f
1 changed files with 5 additions and 4 deletions

View File

@ -248,13 +248,14 @@
.compose_not_subscribed {
padding: 4px 0 4px 0;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
#compose_not_subscribed_close {
top: 1px;
right: 10px;
top: 0;
right: 0;
position: absolute;
}
.compose_invite_close,
@ -275,7 +276,7 @@
.compose_invite_user p,
.compose_not_subscribed p {
margin: 0;
margin: 0 20px;
display: inline-block;
max-width: calc(100% - 100px);
}