From 3e9c9c21adbd14b79b73aad4735327ab25b2621d Mon Sep 17 00:00:00 2001
From: Boris K <kubiakboris@gmail.com>
Date: Tue, 18 Oct 2022 10:23:05 +0200
Subject: [PATCH] Fix modal close trigger (#10)

---
 index.html | 12 ++++++------
 style.css  |  2 ++
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 389fb53..860ac0f 100644
--- a/index.html
+++ b/index.html
@@ -120,9 +120,9 @@ npm/microtip@0.2.2/microtip.min.css
                 </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 @@ npm/microtip@0.2.2/microtip.min.css
                 </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
diff --git a/style.css b/style.css
index bbd0368..4409f00 100644
--- a/style.css
+++ b/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 */