From 57255a83a785ab1e9525a7d4c58e00d17ce446ad Mon Sep 17 00:00:00 2001
From: Starfall <us@starfall.systems>
Date: Tue, 5 Sep 2023 19:09:31 -0500
Subject: more or less fix CSS on mobile

---
 _includes/base.njk     | 2 +-
 _includes/blogpost.njk | 2 +-
 css/terminal.css       | 9 +++++++++
 js/moon-phase.js       | 2 +-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/_includes/base.njk b/_includes/base.njk
index e31e4dc..4c92740 100644
--- a/_includes/base.njk
+++ b/_includes/base.njk
@@ -18,7 +18,7 @@ title = "Starfall"
 
 <header>
 	<h1>{{ title }}</h1>
-	<span style="float: right; user-select: none" id=decor-moons aria-hidden=true></span>
+	<div id=decor-moons aria-hidden=true></div>
 	<nav aria-label=primary>
 		{% set navs = collections.all | eleventyNavigation %}
 		<ul>{%- for nav in navs %}
diff --git a/_includes/blogpost.njk b/_includes/blogpost.njk
index 94541c4..0867c95 100644
--- a/_includes/blogpost.njk
+++ b/_includes/blogpost.njk
@@ -18,7 +18,7 @@ title = "Starfall"
 
 <header>
 	<h1>{{ title }}</h1>
-	<span style="float: right; user-select: none" id=decor-moons aria-hidden=true></span>
+	<span id=decor-moons aria-hidden=true></span>
 	<nav aria-label=primary>
 		{% set navs = collections.all | eleventyNavigation %}
 		<ul>{%- for nav in navs %}
diff --git a/css/terminal.css b/css/terminal.css
index 7ade7f9..80480e3 100644
--- a/css/terminal.css
+++ b/css/terminal.css
@@ -115,6 +115,9 @@ h3 {
 	font: bold 117%/1 var(--font-accent);
 }
 /* NAVIGATION */
+header > nav {
+	display: inline-block; /* forces single line nav... not ideal but works for now FIXME */
+}
 header > nav > ul {
 	font: 100%/1.5 var(--font-accent);
 	list-style-type: none;
@@ -187,3 +190,9 @@ table.center-cells td,
 table.center-cells th {
 	text-align: center;
 }
+/* DECORATIONS */
+#decor-moons {
+	float: right;
+	user-select: none;
+	overflow: hidden;
+}
diff --git a/js/moon-phase.js b/js/moon-phase.js
index 8feaced..e8114f2 100644
--- a/js/moon-phase.js
+++ b/js/moon-phase.js
@@ -44,5 +44,5 @@ function getMoonsString(disable_emoji, inverted_icons) {
 }
 
 document.addEventListener('DOMContentLoaded', (event) => {
-	document.getElementById('decor-moons').innerHTML = getMoonsString(true, true)
+	document.getElementById('decor-moons').innerHTML = getMoonsString(true, false)
 })
-- 
cgit