From: Ardis Lu <ardisglu@gmail.com>
Date: Wed, 30 Aug 2023 04:22:57 +0000 (-0700)
Subject: Improve form usability
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=2554601db5c7adc19218b0602e22960caefe0626;p=erc-165-calculator

Improve form usability
---

diff --git a/index.html b/index.html
index e6077d1..4c03d2e 100644
--- a/index.html
+++ b/index.html
@@ -51,6 +51,14 @@
 
     button {
       padding: 4px 8px;
+      cursor: pointer;
+      transition: filter 400ms;
+    }
+
+    button:hover,
+    button:focus {
+      filter: brightness(110%);
+      transition: filter 200ms;
     }
 
     output:empty::after {
@@ -67,7 +75,7 @@
   <main>
     <form>
       <label for="functions">Functions</label>
-      <textarea name="functions" id="functions"></textarea>
+      <textarea name="functions" id="functions" required></textarea>
 
       <button>Calculate</button>