re-adding list styling rather than button, centering

the-collab-lab · Apr 4, 2024 · f8b1436 · f8b1436
1 parent 1b6f32c
commit f8b1436
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/SingleList.jsx b/src/components/SingleList.jsx
@@ -10,8 +10,13 @@ export function SingleList({ name, path, setListPath }) {
 	}
 
 	return (
-		<li className="SingleList border-2 border-sage rounded-lg bg-pale-green my-2 px-3 py-2 text-off-black w-full md:w-1/2">
-			<button onClick={handleClick}>{name}</button>
+		<li className="SingleList flex flex-col items-center w-full">
+			<button
+				className="border-2 border-sage rounded-lg bg-pale-green my-2 px-3 py-2 text-off-black w-full md:w-1/2"
+				onClick={handleClick}
+			>
+				{name}
+			</button>
 		</li>
 	);
 }