From 5043c92d56c5d64764b38478e7a454864dc0e68c Mon Sep 17 00:00:00 2001
From: "Felix W. Dekker" <felix@fwdekker.com>
Date: Tue, 13 Apr 2021 20:04:48 +0200
Subject: [PATCH] Remove wrapping to create wider nav entries

Fixes #9.
---
 src/main/css/nav.css    | 1 +
 src/main/js/Template.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/main/css/nav.css b/src/main/css/nav.css
index ed1d754..5e54d4b 100644
--- a/src/main/css/nav.css
+++ b/src/main/css/nav.css
@@ -83,4 +83,5 @@
 .nav ul li ul li {
     min-width: 7em;
     width: 100%;
+    white-space: nowrap;
 }
diff --git a/src/main/js/Template.js b/src/main/js/Template.js
index 9792e9f..4331732 100644
--- a/src/main/js/Template.js
+++ b/src/main/js/Template.js
@@ -86,7 +86,7 @@ export const nav = function (highlightPath = "") {
 const unpackEntry = function (entry, path = "/", highlightPath = "") {
     const shouldHighlight = highlightPath.startsWith(`${path + entry.name}/`);
     const isExternalLink =  !entry.link.startsWith("https://fwdekker.com/") && entry.link !== "#";
-    const formattedName = (isExternalLink ? "&#9099;&nbsp;" : "") + entry.name;
+    const formattedName = (isExternalLink ? "&#9099; " : "") + entry.name;
 
     if (entry.entries.length === 0)
         return `<li class="${shouldHighlight ? "currentPage" : ""}"><a href="${entry.link}">${formattedName}</a></li>`;
@@ -96,7 +96,7 @@ const unpackEntry = function (entry, path = "/", highlightPath = "") {
 
     return "" +
         `<li class="${shouldHighlight ? "currentPage" : ""}">` +
-        `<a href="${entry.link}">${formattedName}&nbsp;${arrow}</a>` +
+        `<a href="${entry.link}">${formattedName} ${arrow}</a>` +
         `<ul>${entry.entries.map(it => unpackEntry(it, `${path + entry.name}/`, highlightPath)).join("")}</ul>` +
         `</li>`;
 };