From 8c6c0302d5e9600eee59bbb68600c6f3635dcf9f Mon Sep 17 00:00:00 2001
From: sk1982 <sk1982@noreply.gitea.tendokyu.moe>
Date: Mon, 1 Apr 2024 22:00:20 -0400
Subject: [PATCH] space music grid evenly on mobile

---
 src/components/window-scroller-grid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/window-scroller-grid.tsx b/src/components/window-scroller-grid.tsx
index 970ed5e..61efdaa 100644
--- a/src/components/window-scroller-grid.tsx
+++ b/src/components/window-scroller-grid.tsx
@@ -23,7 +23,7 @@ export const WindowScrollerGrid = <D extends any>({ rowSize, colSize, items, chi
 
 				return (<List ref={listRef} autoHeight isScrolling={isScrolling} onScroll={onChildScroll} scrollTop={scrollTop}
 					rowCount={rowCount} height={height} rowHeight={rowSize} width={width} rowRenderer={({ index, key, style }) =>
-					(<div key={key} style={{ ...style, height: `${rowSize}px` }} className="max-w-full h-full w-full flex justify-center">
+					(<div key={key} style={{ ...style, height: `${rowSize}px` }} className="max-w-full h-full w-full flex justify-evenly sm:justify-center">
 						{items.slice(index * itemsPerRow, (index + 1) * itemsPerRow).map((item, i) => (<div key={i} style={{ width: `${colSize}px` }} className="h-full max-w-full">
 							{children(item)}
 						</div>))}