Fix setup screen to work with Bootstrap 4.0

master
Skylar Ittner 6 years ago
parent 9d60970061
commit 09421cda6a

@ -16,15 +16,21 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
</div> </div>
<form id="settings_form"> <form id="settings_form">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="fas fa-server"></i></span> <div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-server"></i></span>
</div>
<input type="text" class="form-control" id="url" placeholder="AccountHub API URL" required /> <input type="text" class="form-control" id="url" placeholder="AccountHub API URL" required />
</div> </div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="fas fa-key"></i></span> <div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-key"></i></span>
</div>
<input type="text" class="form-control" id="key" placeholder="API Key" required /> <input type="text" class="form-control" id="key" placeholder="API Key" required />
</div> </div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="fas fa-users"></i></span> <div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-users"></i></span>
</div>
<select class="form-control" id="group"> <select class="form-control" id="group">
<option value="">Select a Quick Access Group</option> <option value="">Select a Quick Access Group</option>
</select> </select>
@ -36,14 +42,14 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
</div> </div>
<br /> <br />
<div class="form-check"> <div class="form-check">
<input class="form-check-input" value="1" type="checkbox" id="kioskmode">
<label class="form-check-label"> <label class="form-check-label">
<input class="form-check-input" value="1" type="checkbox" id="kioskmode">
Kiosk mode (run in fullscreen) Kiosk mode (run in fullscreen)
</label> </label>
</div> </div>
<div class="form-check"> <div class="form-check">
<input class="form-check-input" value="1" type="checkbox" id="largebtns">
<label class="form-check-label"> <label class="form-check-label">
<input class="form-check-input" value="1" type="checkbox" id="largebtns">
Use larger buttons if available Use larger buttons if available
</label> </label>
</div> </div>

Loading…
Cancel
Save