Use base and broadcast to reflect actual ips (#68)

Base and broadcast are already provided in the library.
Count moved left where it better reflects the maximum size of the CIDR.
Usable IPs are much more clear now.
Adjusted spacing of the styling to accommodate more columns.

1 files changed, 14 insertions, 6 deletions

diff --git a/src/style.scss b/src/style.scss
index a9c7407..e513c08 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -100,19 +100,27 @@ body {
     div.details {
       span.netmask {
         display: inline-block;
-        width: 20%;
+        width: 15%;
       }
-      span.first {
+      span.base {
         display: inline-block;
-        width: 20%;
+        width: 15%;
       }
-      span.last {
+      span.broadcast {
         display: inline-block;
-        width: 20%;
+        width: 15%;
       }
       span.count {
         display: inline-block;
-        width: 20%;
+        width: 15%;
+      }
+      span.first {
+        display: inline-block;
+        width: 15%;
+      }
+      span.last {
+        display: inline-block;
+        width: 15%;
       }
       span.value {
         font-size: modular-scale(1);