From 269f43820f55e6d086fcbd3a103b4a63767a2cd7 Mon Sep 17 00:00:00 2001
From: Jeremy Scheff <jdscheff@gmail.com>
Date: Fri, 7 Feb 2025 15:59:48 -0500
Subject: [PATCH] Fix clickability of Hide buttons when using
 datatable-negative-margin-top and HideableSection together

---
 TODO                                  | 4 ++++
 src/ui/components/HideableSection.tsx | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/TODO b/TODO
index b4972498f..a9658c236 100644
--- a/TODO
+++ b/TODO
@@ -1,3 +1,7 @@
+uneven number of games from schedule with 80 games and 60 div games https://discord.com/channels/290013534023057409/290015591216054273/1336156359091163197
+
+export bug https://discord.com/channels/290013534023057409/290015591216054273/1335186753593802763
+
 show # of teams in each division when making expansion draft https://old.reddit.com/r/BasketballGM/comments/1iingd3/i_added_a_bunch_of_expansion_teams_but_added_too/
 
 https://www.compart.com/en/unicode/U+1F3C6 rather than ring
diff --git a/src/ui/components/HideableSection.tsx b/src/ui/components/HideableSection.tsx
index 7ba59f600..ea138e86b 100644
--- a/src/ui/components/HideableSection.tsx
+++ b/src/ui/components/HideableSection.tsx
@@ -68,6 +68,7 @@ const HideableSection = ({
 		titleExtraKey,
 	);
 
+	// z-index of 1 ensures that it is still clickable when used with datatable-negative-margin-top
 	return (
 		<>
 			<div
@@ -80,7 +81,7 @@ const HideableSection = ({
 				{renderTitle ? (
 					renderTitle(show, hideableSectionButton)
 				) : (
-					<div className="d-flex" style={{ minWidth: 0 }}>
+					<div className="d-flex z-1" style={{ minWidth: 0 }}>
 						<h2 className="mb-0 text-truncate">{title}</h2>
 						{hideableSectionButton}
 					</div>