Right-align "i" icon and update info text

This commit is contained in:
David Rowe 2017-04-21 17:46:30 +12:00
parent d064511121
commit 8060e98bd5
2 changed files with 32 additions and 10 deletions

View file

@ -133,15 +133,20 @@ body {
white-space: normal;
}
#instructions h1 {
font-size: 16px;
margin-top: 28px;
}
#instructions h1 + p {
margin-top: 14px;
}
#instructions p, #instructions ul {
margin-top: 21px;
font-size: 14px;
}
#instructions li {
margin-top: 7px;
}
#instructions p {
font-family: Raleway-Bold;
}
@ -152,6 +157,17 @@ body {
font-weight: normal;
}
#instructions li {
margin-top: 7px;
}
#instructions ul input {
margin-left: 1px;
margin-top: 6px;
font-size: 14px;
padding: 0 7px;
}
#show-info-button {
font-family: HiFi-Glyphs;
@ -159,8 +175,9 @@ body {
height: 16px;
line-height: 16px;
display: inline-block;
position: relative;
top: 11px;
position: absolute;
top: 15px;
right: 5px;
margin-top: -11px;
margin-left: 7px;
}

View file

@ -37,14 +37,19 @@
<tbody id="instructions" class="hidden">
<tr>
<td colspan="2">
<p>If you're in your own sandbox or are a domain administrator:</p>
<p>This app lets you record and play back multiple instances of your avatar in your Sandbox.</p>
<h1>Setup Instructions</h1>
<p>In your sandbox domain:</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>In the &ldquo;Scripts&rdquo; section add a new row and paste in this script URL:<br />
<input type="text" value="https://hifi-public.s3.amazonaws.com/playRecordingAC.js" readonly />
</li>
<li>Set the number of recordings you&rsquo;d like to run at a given time in the &ldquo;Instances&rdquo; slot.</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>
<p>Now you can record and play back recordings in your domain!</p>
<p><input id="hide-info-button" type="button" class="blue" value="Got It" /></p>
</td>
</tr>
</tbody>