Show a quick result next to the calculate button

This makes the result FAR more obvious. Work toward #15
colindean · Apr 19, 2022 · 9639841 · 9639841
1 parent d093dc3
commit 9639841
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/calculator.html b/calculator.html
@@ -72,6 +72,12 @@
       form summary:focus {
         border-color: black;
       }
+      form .quick-result {
+        font-size: 2em;
+        padding: 0.1em;
+        border: 1px solid black;
+        border-radius: 0.1em;
+      }
       #calculate {
         font-size: 1.5em;
         padding: 0.5em;
@@ -156,6 +162,7 @@ <h1>Calculate your tax difference if Pittsburgh annexes Wilkinsburg</h1>
     </details>
   </div>
   <button type="submit" name="calculate" id="calculate">Calculate</button>
+  <span class="p-tti quick-result"></span>
 </form>
 
 <table>