Fix clickability of Hide buttons when using datatable-negative-margin…

…-top and HideableSection together

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

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>