[acme] Adjust page text, tweak styles, add connection fail message

Signed-off-by: Geoff Gustafson <geoff@linux.intel.com>

3 files changed, 22 insertions, 7 deletions

diff --git a/webusb/acme/index.html b/webusb/acme/index.html
index ab35535..848b930 100644
--- a/webusb/acme/index.html
+++ b/webusb/acme/index.html
@@ -12,8 +12,8 @@
       <h3>Configuration</h3>
 
       <div>
-        <p>Thank you for purchasing the Drop-O-Matic 3000 from Acme,
-          featuring, the finest in modern web technology.</p>
+        <p>Thank you for purchasing the Acme Drop-O-Matic 3000,
+          featuring the finest in modern web technology.</p>
       </div>
 
       <div class="discon">
@@ -23,16 +23,24 @@
       </div>
 
       <div class="con blue">
-        <p>Your device is connected. You can now change the configuration
-          settings and click Update to send them to the device.</p>
+        <p>Your device is connected. Below, you may configure the delay between
+          sensor activation and anvil release. Click Update to send the new
+          configuration to the device.</p>
       </div>
 
       <div class="con section">
-        <span class="label">Delay:
+        <span class="label">Delay (in milliseconds):
           <input id="delay" type="number"/>
         </span>
       </div>
 
+      <div class="con fineprint">
+        This delay <i>must</i> be calibrated for your particular installation
+        conditions, using the process identified in Table C-15 on page 832 of
+        your Technical Manual. Acme, Incorporated of Fairfield, New Jersey
+        assumes no liability for device usage without professional calibration.
+      </div>
+
       <div class="toolbar">
         <button id="connect">Connect</button>
         <button id="update" class="con-inline">Update</button>
diff --git a/webusb/acme/webusb.css b/webusb/acme/webusb.css
index 3ec5d03..49274ea 100644
--- a/webusb/acme/webusb.css
+++ b/webusb/acme/webusb.css
@@ -44,6 +44,7 @@ p {
 }
 
 div.toolbar {
+    margin: 1em 0;
     text-align: center;
 }
 
@@ -51,12 +52,12 @@ div.area {
     background-color: #ddf;
     padding: 3px;
     border-radius: 5px;
-    margin: 1em 0;
+    margin: 0.5em 0;
     text-align: center;
 }
 
 div.section {
-    margin: 10px 0;
+    margin: 1em 0;
     text-align: center;
 }
 
@@ -64,6 +65,11 @@ div.blue {
     color: #448;
 }
 
+div.fineprint {
+    font-size: 6pt;
+    margin: 1em 0;
+}
+
 div#sorry {
     display: none;
     font-style: italic;
diff --git a/webusb/acme/webusb.js b/webusb/acme/webusb.js
index 9db2e2d..596b426 100644
--- a/webusb/acme/webusb.js
+++ b/webusb/acme/webusb.js
@@ -90,6 +90,7 @@ async function autoConnect(dev) {
             }, 250);
         }
         catch (e) {
+            statusNode.innerHTML = 'Unable to connect';
             console.log("Exception:", e.message);
         }
     }