From 0a5424f01df41a9c6882c9870174f963f82f6c2a Mon Sep 17 00:00:00 2001
From: Jason Costomiris <jcostom@jasons.org>
Date: Tue, 10 Jul 2018 12:41:13 -0400
Subject: [PATCH] Styles Cleanup, added RFC 3021 note (/31 mask)

---
 index.html |  5 +++--
 styles.css | 30 ++++++++++++++++++------------
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 9286f00..224e5ef 100644
--- a/index.html
+++ b/index.html
@@ -35,8 +35,9 @@
 
 
 
-<p>Click below to split and join subnets.<br />
-If you wish to save this subnetting for later, bookmark <a href="index.html" id="saveLink">this hyperlink</a>.</p>
+<p>Click below to split and join subnets.</p>
+<p>If you wish to save this subnetting for later, bookmark <a href="index.html" id="saveLink">this hyperlink</a>.</p>
+<p>Confused about the /31 netmask? Read <a href="https://tools.ietf.org/html/rfc3021" target="_blank">RFC3021</a> to get some clarity.</p>
 
 <hr />
 
diff --git a/styles.css b/styles.css
index c1a25f0..288052d 100644
--- a/styles.css
+++ b/styles.css
@@ -1,6 +1,6 @@
 h1 {
   font-family: 'Lato', sans-serif;
-  font-size: 18pt;
+  font-size: 140%;
 }
 
 body {
@@ -15,7 +15,6 @@ p {
 hr {
   border-bottom: 1px solid #fff;
   border-top: 1px solid #8c8b8b;
-  size: 1;
 }
 
 .calc {
@@ -26,17 +25,18 @@ hr {
 
 .calc td {
   border: 1px solid black;
+  padding: 5px;
 }
 
 .calc thead {
   background-color: #eeeeee;
   font-family: 'Lato', sans-serif;
-  font-size:  100%;
+  font-size:  120%;
   font-weight: bold;
 }
 
 .disabledAction {
- color: #dddddd;
+  color: red;
 }
 
 .maskSpan {
@@ -94,14 +94,15 @@ hr {
 }
 
 input[type=button], input[type=submit], input[type=reset] {
-    border: none;
-    color: white;
-    cursor: pointer;
-    font-family: 'Lato', sans-serif;
-    font-weight: bold;
-    margin: 4px 2px;
-    padding: 8px 8px;
-    text-decoration: none;
+  border: none;
+  color: white;
+  cursor: pointer;
+  font-family: 'Lato', sans-serif;
+  font-size: 90%;
+  font-weight: bold;
+  margin: 4px 2px;
+  padding: 8px 8px;
+  text-decoration: none;
 }
 
 input[type=submit] {
@@ -112,3 +113,8 @@ input[type=button], input[type=reset] {
   background-color: red;
 }
 
+input[type=text] {
+  font-family: 'Source Code Pro', sans-serif;
+  font-size: 90%;
+}
+