hey

public/css/style.css

@@ -13,6 +13,20 @@ body{
     margin-top: 1em;
     
 }
+nav{
+    display: grid;
+    grid-template-columns: 2em auto;
+
+}
+
+.moreoptions{
+    display: grid;
+    grid-template-columns: 20% 20% 20% 20%;
+}
+.moreoptions input, .moreoptions button{
+    font-size: 1em;
+}
+
 form{
     display: grid;
     grid-template-columns: auto;
@@ -42,6 +56,3 @@ body img{
 .hidden-by-default{
     display: none;
 }
-#moreoptions input, #moreoptions button{
-    font-size: 1em;
-}

public/js/main.js

@@ -3,7 +3,7 @@ function showHideMenu()
     var doc = document.getElementById("moreoptions");
     if(doc.className == "hidden-by-default")
     {
-        doc.className = "";
+        doc.className = "moreoptions";
     }else{
         doc.className = "hidden-by-default";
     }