]> git.scottworley.com Git - inverse-tax/commitdiff
Aesthetics
authorScott Worley <scottworley@scottworley.com>
Thu, 23 May 2019 23:59:29 +0000 (16:59 -0700)
committerScott Worley <scottworley@scottworley.com>
Thu, 23 May 2019 23:59:29 +0000 (16:59 -0700)
tax.html

index 8a149b4ac2b39bf35d7d42b9ff2126af3cf8e07c..73aa260c38d10c4def3845cbe85c77b68c5f6e93 100644 (file)
--- a/tax.html
+++ b/tax.html
@@ -7,6 +7,8 @@
   td { padding: .5em; vertical-align: top}
   textarea { height: 12em; }
   input { width: 7em }
   td { padding: .5em; vertical-align: top}
   textarea { height: 12em; }
   input { width: 7em }
+  .output { padding: 1em; background-color: #eee; border: thin solid #888; width: max-content;  }
+  .privacy_policy { margin-top: 5em; }
 </style>
 </head>
 <body onload="calculate()">
 </style>
 </head>
 <body onload="calculate()">
@@ -57,11 +59,13 @@ Desired after-tax salary</br>
 </table>
 </form>
 
 </table>
 </form>
 
-<p><strong><span id="before_tax"></span> before tax</strong>
-   - <span id="tax_1"></span> federal tax
-   - <span id="tax_2"></span> state tax
-   = <span id="after_tax_verification"></span> after tax.</p>
+<p class="output">
+  <strong><span id="before_tax"></span> before tax</strong>
+  - <span id="tax_1"></span> federal tax
+  - <span id="tax_2"></span> state tax
+  = <span id="after_tax_verification"></span> after tax.
+</p>
 
 
-<p>Privacy policy: All calculations are client-side; no figures are sent to any server.</p>
+<p class="privacy_policy">Privacy policy: All calculations are client-side; no figures are sent to any server.</p>
 </body>
 </html>
 </body>
 </html>