From 82fb07e6cef9652e58c219704c647876ee802ccb Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Tue, 7 Jan 2025 21:28:45 +0100
Subject: [PATCH] always show burger + move zen button to burger + style burger
 items

---
 index.html    |  5 ++---
 src/style.css | 27 ++++++---------------------
 2 files changed, 8 insertions(+), 24 deletions(-)
diff --git a/index.html b/index.html
index 1520fdc..79e2efa 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,6 @@
   </head>
 
   <body>
-    <button id="zen-button">☮ Zen</button>
     <marquee id="mantra" scrollamount="2" class="fade-in">nudel is a space</marquee>
     <header class="page-title">
       <span class="title">
@@ -16,13 +15,13 @@ <h1 style="margin-bottom: 0px">nudel</h1>
         <p style="margin-top: 0px">by pastagang</p>
       </span>
       <nav>
-        <!-- <button id="zen-button">☮ Zen</button> -->
         <div class="dropdown">
           <button>☰</button>
           <div class="dropdown-content">
             <button id="about-button">? About</button>
-            <button id="export-button">⇓ Export</button>
             <button id="settings-button">⚙ Settings</button>
+            <button id="zen-button">☮ Zen</button>
+            <button id="export-button">⇓ Export</button>
             <div class="mcplant">
               <button>🌱 McPlant</button>
               <span class="tooltip">Vegetarianism propaganda in my burger menu?!</span>
diff --git a/src/style.css b/src/style.css
index cfd0c19..89cbb9a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -312,16 +312,6 @@ iframe#shader {
     background: transparent;
   }
 
-  #settings-button {
-    display: none;
-  }
-  #about-button {
-    display: none;
-  }
-  #export-button {
-    display: none;
-  }
-
   .page-title {
     padding-top: 0px;
   }
@@ -330,11 +320,6 @@ iframe#shader {
     z-index: 1000;
   }
 
-  button {
-    border: none;
-    background: rgba(0, 0, 0, 0.66);
-  }
-
   select {
     border: none;
     outline: none;
@@ -376,15 +361,15 @@ iframe#shader {
   }
 }
 
-#zen-button {
+.dropdown {
   position: fixed;
   z-index: 1000;
-  bottom: 0;
+  top: 0;
   right: 0;
-}
-
-.dropdown {
-  position: relative;
+  button {
+    width: 100%;
+    text-align: left;
+  }
 }
 .dropdown-content {
   display: none;
