Move UI controls to the right side of the window for smaller screens

This commit is contained in:
2014-06-27 23:24:46 -07:00
parent 63269c5bd0
commit 0673747e5e

View File

@@ -20,18 +20,21 @@
<script type="text/javascript" src="src/GameStates.js"></script> <script type="text/javascript" src="src/GameStates.js"></script>
<script type="text/javascript" src="src/main.js"></script> <script type="text/javascript" src="src/main.js"></script>
<div id="uiGameContainer"> <div id="uiGameContainer">
<table>
<tr>
<td>
<img src="gfx/ui/uiGameDisplayBorder.png"> <img src="gfx/ui/uiGameDisplayBorder.png">
<div id="uiGameDisplay"> <div id="uiGameDisplay">
</div> </div>
</td>
<td>
<div align="center"> <div align="center">
<table> <br/>Audio Volume
<tr> <br/><input type="range" id="uiMusicVolume" min="1" max="100" value="75"/>
<td><input type="range" id="uiMusicVolume" min="1" max="100" value="75"/></td> <br/>Brightness
<td><input type="range" id="uiGamma" min="1" max="30" value="0"/></td> <br/><input type="range" id="uiGamma" min="1" max="30" value="0"/>
</tr> </div>
<tr> </td>
<td><strong>Audio Volume</strong></td>
<td><strong>Brightness</strong></td>
</tr> </tr>
</table> </table>
</div> </div>