From e0b60fb78b938f83a661cf13457f1a7f7b17b219 Mon Sep 17 00:00:00 2001
From: Emilio Campos <105468537+3campos@users.noreply.github.com>
Date: Sun, 7 Apr 2024 09:58:48 -0500
Subject: [PATCH] add x margin to nav bar list elements

---
 src/components/NavigationBarSingleList.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NavigationBarSingleList.jsx b/src/components/NavigationBarSingleList.jsx
index c674619..95d574c 100644
--- a/src/components/NavigationBarSingleList.jsx
+++ b/src/components/NavigationBarSingleList.jsx
@@ -32,7 +32,7 @@ export function NavigationBarSingleList({
 
 	return (
 		<li
-			className={`flex-grow justify-between xsm:px-4 sm:px-2 h-12 bg-list rounded-lg shadow-sm mt-4 hover:bg-[#ebf5ff] hover:bg-opacity-85 ${windowLocationListPath && localStorageListName === name ? 'bg-[#ebf5ff] bg-opacity-85' : null}`}
+			className={`flex-grow justify-between xsm:px-4 sm:px-2 h-12 bg-list rounded-lg shadow-sm mt-4 hover:bg-[#ebf5ff] hover:bg-opacity-85 mx-1 ${windowLocationListPath && localStorageListName === name ? 'bg-[#ebf5ff] bg-opacity-85' : null}`}
 		>
 			{/*The above hex code (#ebf5ff) only worked in the ternary operator in lowercase format, not uppercase.*/}
 			{/* Using Link instead of button */}