chg: Simplify how wrong password text is shown

README.md

@@ -45,7 +45,7 @@ for small. URL means, well... URL. So the name simply means Small URL.
   stays under 5MB under normal use.)
 - Counts number of hits for each short link in a privacy respecting way
   i.e. only the hit is recorded, and nothing else.
-- Has a mobile friendly UI.
+- Has a mobile friendly UI, and automatic dark mode.
 - Has a public mode, where anyone can add links without authentication. Deleting 
   or listing available links will need admin access using the password.
 - Allows setting the URL of your website, in case you want to conveniently

resources/index.html

@@ -78,7 +78,7 @@
             <p>Please enter password to access this website</p>
             <input type="password" id="password" />
             <button class="pure-button pure-button-primary" value="default">Log in</button>
-            <p id="wrong-pass" hidden>&nbsp;</p>
+            <p id="wrong-pass" hidden>Wrong password!</p>
         </form>
     </dialog>
 

resources/static/script.js

@@ -234,12 +234,10 @@ const submitLogin = () => {
             document.getElementById("container").style.filter = "blur(0px)"
             document.getElementById("login-dialog").close();
             password.value = '';
+            document.getElementById("wrong-pass").hidden = true;
             refreshData();
         } else {
-            const wrongPassBox = document.getElementById("wrong-pass");
+            document.getElementById("wrong-pass").hidden = false;
-            wrongPassBox.innerHTML = "Wrong password!";
-            wrongPassBox.style.color = "light-dark(red, #ff1a1a)";
-            wrongPassBox.hidden = false;
             password.focus();
         }
     })

resources/static/styles.css

@@ -139,6 +139,10 @@ div[name="links-div"] {
     text-align: center;
 }
 
+#wrong-pass {
+    color: light-dark(red, #ff1a1a);
+}
+
 /* Settings for mobile devices */
 @media (pointer:none),
 (pointer:coarse) {