change header nav

- make the header navigation  take up the full width of the screen
- remove <details>-based dropdown menu

2 files changed, 7 insertions, 24 deletions

diff --git a/style.css b/style.css
index 1a5f578..e8752de 100644
--- a/style.css
+++ b/style.css
@@ -2,20 +2,19 @@ html {
     font-size: 100%;
 }
 body {
-    margin: 0 auto;
     padding: 0;
-    max-width: 650px;
+    margin: 0;
     font-family: system-ui, sans-serif;
     font-weight: normal;
 }
 main {
-    margin: 0 1rem;
+    margin: 0 auto;
+    max-width: 650px;
 }
 body > header {
-    padding: 0.5rem 0 0.5rem 1rem;
+    padding: 0.5rem 1rem;
     color: FieldText;
     background-color: Field;
-    gap: 0.5rem 1rem;
 }
 section header {
     font-style: italic;
@@ -30,21 +29,9 @@ nav ul {
 }
 nav > ul > li {
     display: inline-block;
-    margin: 0;
+    margin-left: 1rem;
     vertical-align: top;
 }
-nav > ul > li > details {
-    cursor: pointer;
-    text-align: right;
-    background-color: Field;
-    padding: 0 1rem;
-}
-nav > ul > li > details > ul {
-    text-align: left;
-}
-nav > ul > li > details > ul > li {
-    padding: 0.5rem 0;
-}
 nav ul li a,
 nav ul li a:visited {
     color: FieldText;
diff --git a/theme.scm b/theme.scm
index e3b4a09..add101b 100644
--- a/theme.scm
+++ b/theme.scm
@@ -39,12 +39,8 @@
        (body
         (header (span ,(assq-ref (site-default-metadata site) 'author))
                 (nav (ul (li (a (@ (href "/")) "Home"))
-                         (li (details (summary "Pages")
-                                      (ul 
-                                       (li (a (@ (href "/now")) "Now"))
-                                       (li (a (@ (href "/blog")) "Blog"))
-                                       (li (a (@ (href "/games.html")) "Games"))
-                                       ))))))
+			 (li (a (@ (href "/now")) "Now"))
+			 (li (a (@ (href "/blog")) "Blog")))))
         (main
          ,body))))))