Merge pull request #86 from qlemaire22/fix-game-length-labels

Fix game length chart labels

Author: robertvanhoesel

src/components/layout/Footer.astro

@@ -30,7 +30,7 @@ const navLinks = [
           <a
             href={link.href}
             target={link.target ? link.target : "_self"}
-            class="text-sm leading-6 text-gray-100 hover:text-white"
+            class="flex items-center gap-1.5 text-sm leading-6 text-gray-100 hover:text-white"
           >
             {link.icon && <Svg src={link.icon} class="inline-block w-3.5" />}
             {link.text}

src/components/widgets/GameLengthChart.tsx

@@ -11,14 +11,15 @@ type GameLengthProps = {
 const prettyLabels = {
   "0-120": "<2m",
   "121-240": "2-4m",
-  "241-360": "4-8m",
-  "361-480": "8-10m",
-  "481-600": "10-12m",
-  "601-720": "12-14m",
-  "721-840": "14-16m",
-  "841-960": "16-18m",
-  "961-1080": "18-20m",
-  "1081-1200": "20-22m",
+  "241-360": "4-6m",
+  "361-480": "6-8m",
+  "481-600": "8-10m",
+  "601-720": "10-12m",
+  "721-840": "12-14m",
+  "841-960": "14-16m",
+  "961-1080": "16-18m",
+  "1081-1200": "18-20m",
+  "1201-1320": "20-22m",
   "1320+": "22m+",
 } as const