From d53774d89e1a34088160ab29c454a890305cc129 Mon Sep 17 00:00:00 2001
From: Caesar Kabalan <caesar.kabalan@gmail.com>
Date: Thu, 18 May 2023 00:29:21 -0400
Subject: [PATCH] Adjust UI spacing and auto-load default subnet

---
 dist/index.html |  2 +-
 dist/main.css   | 17 +++++++++++++----
 dist/main.js    | 18 +++++++++++++++---
 3 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/dist/index.html b/dist/index.html
index 05c9a6f..f7fe698 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -21,7 +21,7 @@
             </svg>
         </a>
     </div>
-    <h1>Visual Subnet Calculator</h1>
+    <h1>Visual Subnet Calculator <span style="font-size:1rem;">(UNDER CONSTRUCTION)</span></h1>
     <div class="alert alert-primary alert-dismissible show mt-3" role="alert">
         Enter the network you wish to subnet and use the Split/Join buttons on the right to start designing!
         <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
diff --git a/dist/main.css b/dist/main.css
index 6a495f9..2352a1d 100644
--- a/dist/main.css
+++ b/dist/main.css
@@ -31,8 +31,8 @@
     /* Equivalent to p-1 */
     padding: 0.25rem;
     /* Equivalent to p-2 */
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
 }
 
 /*
@@ -59,6 +59,7 @@
     cursor: pointer;
     min-width: 2.3rem;
     width: 1%;
+    font-size:1rem;
 }
 
 #calc td.join {
@@ -67,6 +68,7 @@
     cursor: pointer;
     min-width: 2.3rem;
     width: 1%;
+    font-size:1rem;
 }
 
 #calc td.split, #calc td.join {
@@ -77,7 +79,8 @@
     padding-right: 0.4rem;
 }
 #calc .note {
-
+    padding-left:0.5rem;
+    padding-right:0.5rem;
 }
 
 #calc .note label,input {
@@ -86,18 +89,24 @@
 
 #calc .row_address {
     white-space: nowrap;
+    padding-left:0.5rem;
+    padding-right:0.5rem;
 }
 
 #calc .row_range {
     /* TODO: Make this a checkbox?
     white-space: nowrap;
      */
+    padding-left:0.5rem;
+    padding-right:0.5rem;
 }
 
 #calc .row_usable {
     /* TODO: Make this a checkbox?
     white-space: nowrap;
      */
+    padding-left:0.5rem;
+    padding-right:0.5rem;
 }
 
 #calc .row_hosts {
@@ -125,5 +134,5 @@
     -webkit-writing-mode: vertical-rl;
     writing-mode: vertical-rl;
     white-space: nowrap;
-    padding-top: 0.5rem;
+    padding-top: 0.25rem;
 }
\ No newline at end of file
diff --git a/dist/main.js b/dist/main.js
index fe9281b..1baa3d0 100644
--- a/dist/main.js
+++ b/dist/main.js
@@ -2,7 +2,15 @@ let subnetMap = {};
 let maxNetSize = 0;
 let infoColumnCount = 5
 $('#btn_go').on('click', function() {
-    let rootCidr = get_network($('#network').val(), $('#netsize').val()) + '/' + $('#netsize').val()
+    reset();
+})
+
+$('#btn_reset').on('click', function() {
+    reset();
+})
+
+function reset() {
+        let rootCidr = get_network($('#network').val(), $('#netsize').val()) + '/' + $('#netsize').val()
     subnetMap = {}
     subnetMap[rootCidr] = {}
     maxNetSize = parseInt($('#netsize').val())
@@ -51,7 +59,7 @@ $('#btn_go').on('click', function() {
     }
     */
     renderTable();
-})
+}
 
 $('#calcbody').on('click', 'td.split,td.join', function(event) {
     // HTML DOM Data elements! Yay! See the `data-*` attributes of the HTML tags
@@ -215,4 +223,8 @@ function mutate_subnet_map(verb, network, subnetTree) {
             }
         }
     }
-}
\ No newline at end of file
+}
+
+$( document ).ready(function() {
+    reset();
+});
\ No newline at end of file