From b0c16d4abc59d67cc2c1dea00152141819a6364b Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Mon, 6 Jan 2025 23:01:46 -0500
Subject: [PATCH] show nav only in mobile

---
 public/app.css | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/public/app.css b/public/app.css
index 68bd8e2..053c8e5 100644
--- a/public/app.css
+++ b/public/app.css
@@ -23,8 +23,26 @@ tbody tr:nth-child(even) td{
 	background:#eeeeee;
 }
 
+nav {
+	text-align:right;
+	position:fixed;
+	width:100%;
+}
+nav ul {
+	list-style:none;
+	/*background-color:rgba(100,100,100, 0.5);*/
+}
+
+nav ul li {
+	padding: 1em;
+}
+
 @media (min-width: 900px){
 
+	nav {
+		display:none;
+	}
+
 	main {
 		height:100vh;
 		display:grid;
@@ -42,13 +60,3 @@ tbody tr:nth-child(even) td{
 	#songs { grid-area: 2 / 3 / 3 / 4; }
 
 }
-
-nav {
-	text-align:right;
-	position:fixed;
-	width:100%;
-}
-nav ul {
-	list-style:none;
-	/*background-color:rgba(100,100,100, 0.5);*/
-}