Add files via upload

Usability improvements

Author: jeakob

Subnet Calculator.html

@@ -4,6 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>Subnet Workbench</title>
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='7' fill='%230b1416'/><g fill='%236ee7e7'><rect x='6' y='6' width='8' height='8' rx='1.5'/><rect x='18' y='6' width='8' height='8' rx='1.5' opacity='.55'/><rect x='6' y='18' width='8' height='8' rx='1.5' opacity='.55'/><rect x='18' y='18' width='8' height='8' rx='1.5'/></g></svg>">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">

styles.css

@@ -260,8 +260,8 @@ input, select, textarea { font-family: inherit; color: inherit; }
   user-select: none;
 }
 .input-row .prefix-input {
-  flex: 0 0 56px;
-  text-align: center;
+  flex: 0 0 140px;
+  text-align: left;
 }
 
 .label {