From e77468106d5b347ae37232419cc6bf27dcdafc13 Mon Sep 17 00:00:00 2001
From: John Shaver <john@jshaver.net>
Date: Wed, 12 Sep 2018 21:32:39 -0700
Subject: [PATCH] Added button and input styling

---
 lib/extensions/admin/login/css/main.css | 32 +++++++++++++++++++++++++
 lib/extensions/admin/login/index.html   | 12 ++++------
 2 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/lib/extensions/admin/login/css/main.css b/lib/extensions/admin/login/css/main.css
index 22e5baf..69414f2 100644
--- a/lib/extensions/admin/login/css/main.css
+++ b/lib/extensions/admin/login/css/main.css
@@ -64,3 +64,35 @@ svg.icon-computer {width: 4em;fill: #1a1a1a;}
     font-size: 0.833333333em;
     margin: 0.4em 0;
 }
+
+input[type=text] {
+    font-size: 1em;
+    padding: 0.444444444em 0.888889em;
+    width: 100%;
+    border: solid 1px #d9d9d9;
+    border-radius: 2px;
+    box-sizing: border-box;
+    margin: 0.888888889em 0;
+}
+
+button {
+    width: 100%;
+    background-color: #1a1a1a;
+    border: none;
+    font-size: 1em;
+    color: white;
+    padding: 0.44444em;
+    margin: 1em 0;
+}
+
+button[disabled=true] {
+    background-color: #d9d9d9;
+}
+
+h1.logo {
+    font-size: 1.555555556em;
+}
+
+h2 {
+    font-size: 1.777777778em;
+}
\ No newline at end of file
diff --git a/lib/extensions/admin/login/index.html b/lib/extensions/admin/login/index.html
index 988cf48..1b1485a 100644
--- a/lib/extensions/admin/login/index.html
+++ b/lib/extensions/admin/login/index.html
@@ -70,13 +70,9 @@
       <use xlink:href="#svg-computer"></use>
     </svg>
     <h2>Pair <span class="js-hostname">Device</span></h1>
-
-    <div>
-      <label>Enter your device pairing code:
-        <input type="text" name="pair-code" placeholder="ex: 0000">
-      </label>
-    </div>
-
+    <label>Enter your device pairing code:
+      <input type="text" name="pair-code" placeholder="ex: 0000">
+    </label>
     <div class="checkbox-array">
       <label>
         <input name="telebit-agree" type="checkbox" required>
@@ -100,7 +96,7 @@
       </label>
     </div>
     <div>
-      <button type="submit">Claim Device</button>
+      <button type="submit" disabled>Claim Device</button>
     </div>
   </form></div>
   <div class="js-authz" hidden>