Aligns edit buttons with emoji picker

This commit is contained in:
Josh Perez 2023-07-27 22:36:14 -04:00 committed by GitHub
parent 1dc1a4d41b
commit 48e210c9b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions

View file

@ -51,6 +51,10 @@
} }
} }
&__button-edit {
margin-bottom: 4px;
}
&__edit-button { &__edit-button {
@include button-reset; @include button-reset;
@include rounded-corners; @include rounded-corners;

View file

@ -569,7 +569,7 @@ export function CompositionArea({
const editMessageFragment = draftEditMessage ? ( const editMessageFragment = draftEditMessage ? (
<> <>
{large && <div className="CompositionArea__placeholder" />} {large && <div className="CompositionArea__placeholder" />}
<div className="CompositionArea__button-cell"> <div className="CompositionArea__button-cell CompositionArea__button-edit">
<button <button
aria-label={i18n('icu:CompositionArea__edit-action--discard')} aria-label={i18n('icu:CompositionArea__edit-action--discard')}
className="CompositionArea__edit-button CompositionArea__edit-button--discard" className="CompositionArea__edit-button CompositionArea__edit-button--discard"