Fix dismiss button overlapping with text in dismissable banners (#26935)

2023-09-15 19:53:28 +02:00
parent e4f5114aaf
commit 2a4fcc51fd
3 changed files with 10 additions and 5 deletions
--- a/app/javascript/mastodon/components/dismissable_banner.tsx
+++ b/app/javascript/mastodon/components/dismissable_banner.tsx
@@ -33,8 +33,6 @@ export const DismissableBanner: React.FC<PropsWithChildren<Props>> = ({

  return (
    <div className='dismissable-banner'>
-      <div className='dismissable-banner__message'>{children}</div>
-
      <div className='dismissable-banner__action'>
        <IconButton
          icon='times'
@@ -42,6 +40,8 @@ export const DismissableBanner: React.FC<PropsWithChildren<Props>> = ({
          onClick={handleDismiss}
        />
      </div>
+
+      <div className='dismissable-banner__message'>{children}</div>
    </div>
  );
 };