Improve javascript ux.

photos.scss

@@ -161,14 +161,15 @@ form {
 }
 
 #help {
-    position: fixed;
-    bottom: 2em;
-    left: 2em;
-    border: solid 1px black;
-    padding: 1ex 1em;
     background: #fafafa;
+    border: solid 1px black;
+    bottom: 2em;
     box-shadow: .3em .2em 1em;
     display: none;
+    left: 2em;
+    padding: 1ex 1em;
+    position: fixed;
+    z-index: 1111;
 
     &:target {
 	display: block;

ux.js

@@ -3,7 +3,7 @@
   f.insertAdjacentHTML(
     'afterbegin',
     '<p><a href="#help" title="Help" accesskey="?">?</a></p>')
-  d.querySelector('[href="#help"]').onclick = e => {
+  f.querySelector('[href="#help"]').addEventListener('click', e => {
     if (d.getElementById('help') == null) {
       f.insertAdjacentHTML(
         'beforebegin',
@@ -14,8 +14,8 @@
         '</div>');
     }
     return true;
-  };
-  let i = document.querySelector('.details .item');
+  });
+  let i = d.querySelector('.details .item');
   if (i) {
     i.addEventListener('click', e => { i.classList.toggle('zoom') });
   }