maybe more clear menu icon structure

static/script.js

@@ -33,14 +33,11 @@ function hideOthers(name) {
     }
 }
 function dropDown(name) {
+    dropDownHide();
     document.getElementById(name).classList.toggle("show");
     hideOthers('foo');
 }
-
-// Close the dropdown menu if the user clicks outside of it
-window.onclick = function(event) {
-  if (!event.target.matches('.dropbtn')) {
-
+function dropDownHide() {
     var dropdowns = document.getElementsByClassName("dropdown-content");
     var i;
     for (i = 0; i < dropdowns.length; i++) {
@@ -49,6 +46,12 @@ window.onclick = function(event) {
         openDropdown.classList.remove('show');
       }
     }
+}
+
+// Close the dropdown menu if the user clicks outside of it
+window.onclick = function(event) {
+  if (!event.target.matches('.dropbtn')) {
+    dropDownHide();
   }
 }
 

static/style.css

@@ -6,6 +6,7 @@ h2              { font-size: 1.2em; border-top: 2px solid #eee; margin-top: 0.25
 td              { height: 1.75em; }
 textarea        { border: 2px solid #ccc; }
 input[type=text]{ border: 2px solid #ccc; }
+hr              { border-color: #377ba8; }
 
 .submit         { font-family: monospace; }
 .tickbox        { margin-right: 0.5em; width:2em; height:1.8em; }
@@ -32,7 +33,11 @@ input[type=text]{ border: 2px solid #ccc; }
                   -moz-animation: notifier 500ms alternate infinite;
                   -o-animation: notifier 500ms alternate infinite; 
                   animation: notifier 500ms alternate infinite; }
-#date           { font-size: 0.75em; margin-top: 1.2em; }
+.date           { font-size: 0.75em; margin-top: 1.2em; }
+
+/* MD rendering */
+
+.md_head        { color: #377ba8; font-weight: bold; }
 
 /* dropdown */
 
@@ -68,7 +73,7 @@ input[type=text]{ border: 2px solid #ccc; }
 
 /* Links inside the dropdown */
 .dropdown-content a {
-    padding: 12px 16px;
+    padding: 8px 16px;
     display: block;
 }