From 6dd04f4735668dbbc3a0d3a159871ee907e46c5a Mon Sep 17 00:00:00 2001
From: sk1982 <sk1982@noreply.gitea.tendokyu.moe>
Date: Mon, 1 Apr 2024 21:59:57 -0400
Subject: [PATCH] chuni: increase padding on mobile for filter sliders

---
 src/app/(with-header)/chuni/playlog/page.tsx | 6 +++---
 src/helpers/chuni/filter.tsx                 | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/(with-header)/chuni/playlog/page.tsx b/src/app/(with-header)/chuni/playlog/page.tsx
index f1fb7cc..86b6226 100644
--- a/src/app/(with-header)/chuni/playlog/page.tsx
+++ b/src/app/(with-header)/chuni/playlog/page.tsx
@@ -40,15 +40,15 @@ const FILTERERS = ([
 	} as FilterField<ChuniMusic, 'dateSelect', 'dateRange'>),
 	{
 		...CHUNI_FILTER_WORLDS_END_STARS,
-		className: 'col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2'
+		className: 'px-2 col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2'
 	},
 	{
 		...CHUNI_FILTER_LEVEL,
-		className: 'col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2'
+		className: 'px-2 col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2'
 	},
 	{
 		...CHUNI_FILTER_RATING,
-		className: 'col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2'
+		className: 'px-2 col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2'
 	}
 ] as const);
 
diff --git a/src/helpers/chuni/filter.tsx b/src/helpers/chuni/filter.tsx
index a8901a7..6fc45da 100644
--- a/src/helpers/chuni/filter.tsx
+++ b/src/helpers/chuni/filter.tsx
@@ -109,7 +109,7 @@ export const CHUNI_FILTER_WORLDS_END_STARS: FilterField<ChuniMusic, 'slider', 'w
 	name: 'worldsEndStars',
 	label: 'World\'s End Stars',
 	value: [1, 5],
-	className: 'col-span-full md:col-span-6 md:col-start-4 md:row-start-2 lg:row-start-auto lg:col-start-auto lg:col-span-4 5xl:col-span-2 5xl:row-start-1 5xl:col-start-6',
+	className: 'px-2 col-span-full md:col-span-6 md:col-start-4 md:row-start-2 lg:row-start-auto lg:col-start-auto lg:col-span-4 5xl:col-span-2 5xl:row-start-1 5xl:col-start-6',
 	filter: ([a, b]: number[], val) => {
 		if (!val.worldsEndTag) return true;
 		const stars = Math.ceil(val.level! / 2);
@@ -142,7 +142,7 @@ export const CHUNI_FILTER_LEVEL: FilterField<ChuniMusic, 'slider', 'level'> = {
 	name: 'level',
 	label: 'Level',
 	value: [0, 90],
-	className: 'col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2 5xl:row-start-1 5xl:col-start-8',
+	className: 'px-2 col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2 5xl:row-start-1 5xl:col-start-8',
 	filter: ([a, b]: number[], val) => {
 		if (val.worldsEndTag) return true;
 		a = getLevelValFromStop(a);
@@ -162,7 +162,7 @@ export const CHUNI_FILTER_RATING: FilterField<ChuniMusic, 'slider', 'rating'> =
 	name: 'rating',
 	label: 'Rating',
 	value: [0, 17.55],
-	className: 'col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2 5xl:row-start-1 5xl:col-start-10',
+	className: 'px-2 col-span-full md:col-span-6 lg:col-span-4 5xl:col-span-2 5xl:row-start-1 5xl:col-start-10',
 	filter: ([a, b]: number[], val) => {
 		if (val.worldsEndTag) return true;
 		return +val.rating >= a && +val.rating <= b;