From deed778cc72d752a08f2d3d8ddac657c8e48eee2 Mon Sep 17 00:00:00 2001
From: Niklas <niklas@kapelle.org>
Date: Fri, 20 Aug 2021 17:09:03 +0200
Subject: [PATCH] breadcrum arrow pos fix

---
 src/components/Breadcrum.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Breadcrum.tsx b/src/components/Breadcrum.tsx
index cf41376..32b1ba6 100644
--- a/src/components/Breadcrum.tsx
+++ b/src/components/Breadcrum.tsx
@@ -21,18 +21,18 @@ const Breadcrum: React.FC<Props> = (props) => {
 			</li>
 			{parts.map((e,i,arr)=>{
 				const last = i == arr.length - 1
-				return (<>
+				return <div key={e} className="inline-flex items-center">
 					<BreadcrumImage />
-					<li key={e} className="inline-flex items-center">
+					<li>
 						<a 
-							className={last?"text-blue-500":""}
+							className={`${last?"text-blue-500":""}`}
 							onClick={()=>{
 								if (!last){
 									props.onDirClick?.("/"+arr.slice(0,i-1).join("/"))
 								}
 							}}>{e}</a>
 					</li>
-				</>)
+				</div>
 			})}
 		</ul>