From 0673747e5efa55635b56fda3423a7b02e9856643 Mon Sep 17 00:00:00 2001
From: Andrew Kesterson <andrew@aklabs.net>
Date: Fri, 27 Jun 2014 23:24:46 -0700
Subject: [PATCH] Move UI controls to the right side of the window for smaller
 screens

---
 moonlight/index.html | 31 +++++++++++++++++--------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/moonlight/index.html b/moonlight/index.html
index 9c39084..dbe81b8 100644
--- a/moonlight/index.html
+++ b/moonlight/index.html
@@ -20,20 +20,23 @@
   <script type="text/javascript" src="src/GameStates.js"></script>
   <script type="text/javascript" src="src/main.js"></script>
   <div id="uiGameContainer">
-    <img src="gfx/ui/uiGameDisplayBorder.png">
-    <div id="uiGameDisplay">
-    </div>
-    <div align="center">
-      <table>
-	<tr>
-	  <td><input type="range" id="uiMusicVolume" min="1" max="100" value="75"/></td>
-	  <td><input type="range" id="uiGamma" min="1" max="30" value="0"/></td>
-	</tr>
-	<tr>
-	  <td><strong>Audio Volume</strong></td>
-	  <td><strong>Brightness</strong></td>
-	</tr>
-      </table>
+    <table>
+      <tr>
+	<td>
+	  <img src="gfx/ui/uiGameDisplayBorder.png">
+	  <div id="uiGameDisplay">
+	  </div>
+	</td>
+	<td>
+	  <div align="center">
+	    <br/>Audio Volume
+	    <br/><input type="range" id="uiMusicVolume" min="1" max="100" value="75"/>
+	    <br/>Brightness
+	    <br/><input type="range" id="uiGamma" min="1" max="30" value="0"/>
+	  </div>
+	</td>
+      </tr>
+    </table>
     </div>
   </div>
   <div id="__stringSize">