From 07468b41b2c3339d437b1d85e009f91a6b5b19ab Mon Sep 17 00:00:00 2001
From: John Shaver <john@jshaver.net>
Date: Thu, 13 Sep 2018 22:06:04 -0700
Subject: [PATCH] More styling tweaks and word changes.

---
 lib/extensions/admin/login/css/main.css | 11 ++++++++---
 lib/extensions/admin/login/index.html   | 13 ++++++-------
 lib/extensions/admin/login/js/app.js    |  3 +++
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/lib/extensions/admin/login/css/main.css b/lib/extensions/admin/login/css/main.css
index 7bdd00d..c3b0c8c 100644
--- a/lib/extensions/admin/login/css/main.css
+++ b/lib/extensions/admin/login/css/main.css
@@ -15,7 +15,7 @@ p {
 
 h2 {
     font-size: 1.777777778em;
-    margin: 0;
+    margin: 0 0 1em 0;
 }
 
 svg {
@@ -112,7 +112,7 @@ svg.authorized-check {
 .progress .row {
     display:  flex;
     justify-content: left;
-    margin: 0.6666em 0;
+    margin: 0 0 0.6666em 0;
 }
 
 .spinner-ball {
@@ -134,8 +134,8 @@ span.spinner {
 }
 
 .progress {
-    padding: 0.666666667em 0;
     display: inline-block;
+    margin-bottom: 1.111177778em;
 }
 
 .debugging-info-container {
@@ -221,3 +221,8 @@ span.js-debugging-button.debugging-button {
   75% {transform: scale(1.3);}
   100% {transform: scale(1);}
 }
+
+
+.finish-button {
+    margin-top: 2.222222222em;
+}
\ No newline at end of file
diff --git a/lib/extensions/admin/login/index.html b/lib/extensions/admin/login/index.html
index 1b114da..67e2b2d 100644
--- a/lib/extensions/admin/login/index.html
+++ b/lib/extensions/admin/login/index.html
@@ -78,7 +78,7 @@
       <use xlink:href="#svg-computer"></use>
     </svg>
     <h2>Pair <span class="js-hostname">Device</span></h1>
-    <label>Enter your device pairing code:
+    <label><span class="important-text">Enter your device pairing code</span>
       <input type="text" name="pair-code" placeholder="ex: 0000" autofocus>
     </label>
     <div class="checkbox-array">
@@ -90,7 +90,7 @@
         <svg class="icon-unchecked-box"  viewBox="0 0 24 24">
           <use xlink:href="#svg-unchecked"></use>
         </svg>
-        Agree to &nbsp<a target="_blank" href="/legal/">Telebit&trade; Terms of Service</a>?
+        <div>Agree to <a target="_blank" href="/legal/">Telebit&trade; Terms of Service</a></div>
       </label>
       <label>
         <input name="letsencrypt-agree" type="checkbox" required>
@@ -100,7 +100,7 @@
         <svg class="icon-unchecked-box" viewBox="0 0 24 24">
           <use xlink:href="#svg-unchecked"></use>
         </svg>
-        Agree to Let's Encrypt&trade; Terms of Service
+        <div>Agree to <a target="_blank" href="https://letsencrypt.org/documents/LE-SA-v1.2-November-15-2017.pdf"> Let's Encrypt&trade; Terms of Service</a></div>
       </label>
     </div>
     <div>
@@ -156,11 +156,10 @@
       <use xlink:href="#svg-computer"></use>
     </svg>
     <h2>Success!</h1>
-    <div>You've successfully paired 
-      <span class="js-hostname">your devied</span>
-      with Telebit.
+    <div>
+      <span class="important-text js-new-domain">______</span> is paired and ready to use for accessing your device and sharing your stuff.
     </div>
-    <button class="js-finish-button">Finish</button>
+    <button class="js-finish-button finish-button">Take Me There</button>
     <script src="js/app.js"></script>
   </div>
 </body>
diff --git a/lib/extensions/admin/login/js/app.js b/lib/extensions/admin/login/js/app.js
index 150ceeb..cbeda1a 100644
--- a/lib/extensions/admin/login/js/app.js
+++ b/lib/extensions/admin/login/js/app.js
@@ -39,6 +39,9 @@ function successScreen() {
   document.querySelector('.js-finish-button').addEventListener('click', function(e) {
     window.location.href='https://' + domainname;
   });
+  document.querySelectorAll('.js-new-domain').forEach(function(ele) {
+    ele.innerHTML = domainname;
+  });
   document.querySelector('.js-finish').hidden = false;
 
 }