From a02c3960755e40c2ac815282c9831a4cde40d901 Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Wed, 16 Oct 2024 14:34:07 +0200
Subject: [PATCH] Widen CW click area

---
 app/javascript/mastodon/components/status_banner.tsx | 4 ++--
 app/javascript/styles/mastodon/components.scss       | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/mastodon/components/status_banner.tsx b/app/javascript/mastodon/components/status_banner.tsx
index 5f81f7db0e7..9f281dfeada 100644
--- a/app/javascript/mastodon/components/status_banner.tsx
+++ b/app/javascript/mastodon/components/status_banner.tsx
@@ -11,7 +11,7 @@ export const StatusBanner: React.FC<{
   expanded?: boolean;
   onClick?: () => void;
 }> = ({ children, variant, expanded, onClick }) => (
-  <div
+  <label
     className={
       variant === BannerVariant.Warning
         ? 'content-warning'
@@ -33,5 +33,5 @@ export const StatusBanner: React.FC<{
         />
       )}
     </button>
-  </div>
+  </label>
 );
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index ef3afc8f4c9..79d6506d4f3 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -11109,6 +11109,7 @@ noscript {
 }
 
 .content-warning {
+  display: block;
   box-sizing: border-box;
   background: rgba($ui-highlight-color, 0.05);
   color: $secondary-text-color;
@@ -11118,6 +11119,7 @@ noscript {
   position: relative;
   font-size: 15px;
   line-height: 22px;
+  cursor: pointer;
 
   p {
     margin-bottom: 8px;