Fix modal close trigger (bokub#10)

index.html

@@ -120,9 +120,9 @@ <h1 class="my-0"><span>{</span> NoPaste <span>}</span></h1>
                 </div>
             </div>
         </footer>
-        <div id="description-modal" class="modal">
-            <div tabindex="-1" data-micromodal-close class="modal-overlay">
-                <div role="dialog" class="modal-content shadow-bottom p-3 m-3" data-micromodal-close>
+        <div id="description-modal" data-micromodal-close class="modal">
+            <div tabindex="-1"  class="modal-overlay">
+                <div role="dialog" class="modal-content shadow-bottom p-3 m-3">
                     <h2 class="mt-0">What is NoPaste?</h2>
 
                     <span class="pink">NoPaste</span> is an open-source website similar to Pastebin where you can store any piece of code,
@@ -152,9 +152,9 @@ <h3>Because of this design:</h3>
                 </div>
             </div>
         </div>
-        <div id="error-modal" class="modal">
-            <div tabindex="-1" data-micromodal-close class="modal-overlay">
-                <div role="dialog" class="modal-content shadow-bottom p-3 m-3" data-micromodal-close>
+        <div id="error-modal" class="modal" data-micromodal-close>
+            <div tabindex="-1" class="modal-overlay">
+                <div role="dialog" class="modal-content shadow-bottom p-3 m-3">
                     NoPaste cannot decompress the URL<br /><br />
                     It's possible that you clicked on an invalid link<br /><br />
                     Sorry about that

style.css

@@ -100,6 +100,7 @@ h1 {
     max-height: 100vh;
     overflow-y: auto;
     box-sizing: border-box;
+    cursor: initial;
 }
 .modal-content .additional-info {
     opacity: 0.75;
@@ -118,6 +119,7 @@ h1 {
     display: flex;
     justify-content: center;
     align-items: center;
+    cursor: pointer;
 }
 
 /* Form elements */