# HG changeset patch
# User Paper <paper@paper.us.eu.org>
# Date 1718787259 14400
# Node ID a143c3991472896ffeeb5cf19e9eb06b0a3a803d
# Parent  caf449c570be9499545a436e662ef171fe8e8833
navigation: fix navbar implementation

diff -r caf449c570be -r a143c3991472 _includes/navigation.html
--- a/_includes/navigation.html	Wed Jun 19 04:05:42 2024 -0400
+++ b/_includes/navigation.html	Wed Jun 19 04:54:19 2024 -0400
@@ -1,11 +1,12 @@
 <div class="navbar drop-shadow-box">
-	{% for item in site.data.navigation %}
+	<div class="navbar-group">
+		{% for item in site.data.navigation %}
 		<a href="{{ item.link }}" {% if page.url == item.link or page.url contains item.prefix %}class="navbar-item-active"{% else %}class="navbar-item"{% endif %}>{{ item.name }}</a>
-	{% endfor %}
-	<div class="navbar-right">
-		{% comment %}
-			This has to all be on one line or else browsers add extra spacing. argh. 
-		{% endcomment %}
-		{% for item in site.data.navigation-external %}<a href="{{ item.link }}" class="navbar-item">{{ item.name }}</a>{% endfor %}
+		{% endfor %}
+	</div>
+	<div class="navbar-group">
+		{% for item in site.data.navigation-external %}
+		<a href="{{ item.link }}" class="navbar-item navbar-right">{{ item.name }}</a>
+		{% endfor %}
 	</div>
 </div>
diff -r caf449c570be -r a143c3991472 css/style.css
--- a/css/style.css	Wed Jun 19 04:05:42 2024 -0400
+++ b/css/style.css	Wed Jun 19 04:54:19 2024 -0400
@@ -26,7 +26,6 @@
 	color: hotpink;
 }
 
-/* navbar */
 .navbar {
 	display: flex;
 
@@ -34,11 +33,15 @@
 	color: white;
 
 	padding: 5px;
+
+	justify-content: space-between;
 }
 
-.project-quip,
-.navbar-right {
-	align-items: flex-end;
+.navbar-group {
+	display: flex;
+}
+
+.project-quip {
 	margin-left: auto;
 }
 
@@ -64,8 +67,7 @@
 }
 
 /* generic drop shadows that I heavily use in... everything,
- * so having them as their own classes is pretty nice :)
-*/
+ * so having them as their own classes is pretty nice :) */
 .drop-shadow-text {
 	text-shadow: 0.125em 0.125em 0.125em rgba(0, 0, 0, 0.5);
 }