From 5f333ee02cfca940e72ab45839b15b9d11ed3539 Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Fri, 14 Apr 2017 15:14:39 +1200
Subject: [PATCH] Style "i" button and info text

---
 scripts/system/html/css/record.css | 44 ++++++++++++++++++++++++++++++
 scripts/system/html/record.html    | 18 ++++++------
 2 files changed, 52 insertions(+), 10 deletions(-)

diff --git a/scripts/system/html/css/record.css b/scripts/system/html/css/record.css
index 3feae07fb9..e6cdbdfa4d 100644
--- a/scripts/system/html/css/record.css
+++ b/scripts/system/html/css/record.css
@@ -62,6 +62,50 @@ body {
 }
 
 
+#recordings tfoot tr {
+    height: 24px;
+}
+
+
+#instructions td {
+    white-space: normal;
+}
+
+#instructions p, #instructions ul {
+    margin-top: 21px;
+    font-size: 14px;
+}
+
+#instructions li {
+    margin-top: 7px;
+}
+
+#instructions p {
+    font-family: Raleway-Bold;
+}
+
+#instructions ul {
+    font-family: Raleway-SemiBold;
+    margin-left: 21px;
+    font-weight: normal;
+}
+
+
+#show-info-button {
+    font-weight: bold;
+    font-size: 14px;
+    text-transform: lowercase;
+    padding: 0;
+    min-width: 40px;
+    height: 16px;
+    margin-left: 14px;
+}
+
+#show-info-button:hover {
+    color: #00b4ef;
+}
+
+
 #load-button {
     margin-top: 14px;
 }
diff --git a/scripts/system/html/record.html b/scripts/system/html/record.html
index 693040a99e..022e7bb4cf 100644
--- a/scripts/system/html/record.html
+++ b/scripts/system/html/record.html
@@ -37,16 +37,14 @@
                     <tbody id="instructions" class="hidden">
                         <tr>
                             <td colspan="2">
-                                <p>
-                                    If you're in your own sandbox or are a domain administrator:<br />
-                                    Right-click the High Fidelity Sandbox icon in your system tray <br />and click "Settings".<br />
-                                    In the "Scripts" section add a new Script URL, <br />playRecordingAC.js, and set # instances to 1 or more.<br />
-                                    Click "Save and restart".<br />
-                                    Now you can play recordings in the domain!
-                                </p>
-                                <p>
-                                    <input id="hide-info-button" type="button" value="OK" />
-                                </p>
+                                <p>If you're in your own sandbox or are a domain administrator:</p>
+                                <ul>
+                                    <li>Right-click the High Fidelity Sandbox icon in your system tray and click &ldquo;Settings&rdquo;.</li>
+                                    <li>In the &ldquo;Scripts&rdquo; section add a new script URL, playRecordingAC.js, and set the number of instances to 1 or more.</li>
+                                    <li>Click &ldquo;Save and restart&rdquo;.</li>
+                                    <li>Now you can play recordings in the domain!</li>
+                                </ul>
+                                <p><input id="hide-info-button" type="button" value="OK" /></p>
                             </td>
                         </tr>
                     </tbody>