From 74ee771a7287aec137d737ad8a7d1946477833b7 Mon Sep 17 00:00:00 2001
From: "John \"Elwin\" Edwards" <elwin@rlgallery.org>
Date: Sat, 9 Jun 2012 21:42:24 -0700
Subject: [PATCH] RLG-Web client: visual improvements.

Switch some buttons to span.ibutton style.
---
 index-rlg.html |  8 ++++----
 style-rlg.css  | 11 ++++++++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/index-rlg.html b/index-rlg.html
index 24f3108..8aa9dff 100644
--- a/index-rlg.html
+++ b/index-rlg.html
@@ -79,10 +79,10 @@
 <div class="keyrow">
   <div class="key" onclick="vkey(' ')" id="spacebar"></div>
 </div>
-<div class="rbutton" onclick="stop()">Stop</div>
-<div class="rbutton">Font:
-<span onclick="textsize(false)">Smaller</span>
-<span onclick="textsize(true)">Larger</span>
+<div class="rfloat"><span class="ibutton" onclick="stop()">Stop</span></div>
+<div class="rfloat">Font:
+<span onclick="textsize(false)" class="ibutton">Smaller</span>
+<span onclick="textsize(true)" class="ibutton">Larger</span>
 </div>
 </div>
 <div class="modal" id="startgame">
diff --git a/style-rlg.css b/style-rlg.css
index 4d15875..ab75428 100644
--- a/style-rlg.css
+++ b/style-rlg.css
@@ -11,6 +11,15 @@ div.modal {
 	clear: both;
 }
 
+div.rfloat {
+	float: right;
+	clear: right;
+	text-align: center;
+	margin: 0.2em;
+	font-size: 1.2em;
+	padding: 0.4em;
+}
+
 div#opttable {
 	display: table;
 	margin: 1em auto;
@@ -35,5 +44,5 @@ span.ibutton {
 	background-color: #D0D0D0;
 	border: 2px solid #101040;
 	border-radius: 0.3em;
-	padding: 0.2em;
+	padding: 0.2em 0.5em;
 }