Reduce padding below the year headings in the ElectionList

keithamoss · Aug 12, 2024 · cb866b5 · cb866b5
1 parent 26092ad
commit cb866b5
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/public-redesign/src/features/map/layersSelector/electionsList.tsx b/public-redesign/src/features/map/layersSelector/electionsList.tsx
@@ -76,8 +76,12 @@ export default function ElectionsList(props: Props) {
 					position: 'relative',
 					overflow: 'auto',
 					'& ul': { padding: 0 },
+					// The first subheading doesn't need any top padding
 					'& li.MuiListSubheader-root:not(:first-of-type)': { paddingTop: 2 },
-					'& li.MuiListSubheader-root': { paddingTop: 0, zIndex: 2 },
+					// This was when the "scroll and keep the subheading pinned" code was working. Left for posterity in case we ever revisti to fix that.
+					'& li.MuiListSubheader-root': { zIndex: 2 },
+					// The first election in each year doesn't need any top padding either
+					'& li.MuiListSubheader-root + li.MuiListItem-root': { paddingTop: 0 },
 				}}
 			>
 				{Object.keys(electionsByYear)