Styles navbar for wider display and consistent spacing

Widens the navbar container to accommodate more content.
Adjusts padding of navbar items for tighter spacing.
Prevents line wrapping and enables horizontal scrolling on smaller screens.

docs/styles/custom-header.css

@@ -0,0 +1,11 @@
+/* Widen the navbar container */
+.navbar .container {
+    max-width: 100%;   /* adjust to your target width */
+    width: 95%;
+}
+
+/* Tighter spacing between navbar items */
+.navbar-nav > li > a {
+    padding-left: 8px;
+    padding-right: 8px;
+}