From d9b9e667348e26acaeadfc620137483930dfd9d4 Mon Sep 17 00:00:00 2001
From: wrossiter <wrossiter@467b73ca-7a2a-4603-9d3b-597d59a354a9>
Date: Wed, 29 Aug 2007 05:48:58 +0000
Subject: [PATCH] - testing, styling the template selection

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/phpinstaller/trunk@41014 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 config-form.css  | 22 +++++++++++++++++++++-
 config-form.html | 25 ++++++++++++-------------
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/config-form.css b/config-form.css
index 7d99534..63a4ab6 100644
--- a/config-form.css
+++ b/config-form.css
@@ -5,7 +5,22 @@ body {
 #Container * {
 	text-align: left;
 }
-
+ul#Themes{
+	list-style: none;
+	margin: 5px;
+}
+	ul#Themes li {
+		clear: both;
+		padding: 3px 0;
+	}
+	ul#Themes input {
+		float: left;
+		width: 10px;
+		height: 10px;
+	}
+	ul#Themes label {
+		margin: -2px 5px 0 15px;
+	}
 .good td {
 	color: green;
 }
@@ -30,6 +45,11 @@ p.warning {
 	border: 1px #ffc28b solid;
 	color: #cb6a1c;
 }
+	p.warning label {
+		display: inline;
+		margin-left: 5px;
+		color: #cb6a1c
+	}
 p.good {
 	padding: 0.5em;
 	background-color: #e2fee1;
diff --git a/config-form.html b/config-form.html
index 20188fa..c3fd25a 100644
--- a/config-form.html
+++ b/config-form.html
@@ -44,32 +44,31 @@
 									<p class="good">
 										You're ready to install! &nbsp;&nbsp; 
 									</p>
-								<?php } ?>	-->					
+								<?php } ?>					
 								<p>
 									<b>Template to install:</b>
 								</p>
-								<p>
-									<input type="radio" name="template" value="default" id="BlackCandy" checked="checked" /><label for="BlackCandy">BlackCandy, default template ready to use.</label>
-									<input type="radio" name="template" value="tutorial" id="EmptyTemplate" /><label for="EmptyTemplate">Empty template, ready to begin the tutorial.</label>
-								</p>
+								<ul id="Themes">
+									<li><input type="radio" name="template" value="default" id="BlackCandy" checked="checked" /><label for="BlackCandy">BlackCandy, default template ready to use.</label></li>
+									<li><input type="radio" name="template" value="tutorial" id="EmptyTemplate" /><label for="EmptyTemplate">Empty template, ready to begin the tutorial.</label></li>
+								</ul>
 								<p>You can change the template or download another from the SilverStripe website after installation.</p>
 			
 								
 								<?php if($alreadyInstalled) { ?>
-									<p>
-										<b>Note:</b> It seems as though SilverStripe is already installed here.  If you ask me to install, I will overwrite
-										the <b>.htaccess</b> and <b>mysite/_config.php</b> files. <br /> <br />
-										<label style="cursor: pointer">
-											<input type="checkbox" name="force_reinstall" onclick="document.getElementById('install_button').disabled = !this.checked" /> That's okay, please re-install SilverStripe and overwrite these files.
-										</label>
+									<p class="warning">
+										<strong>Note:</strong> It seems as though SilverStripe is already installed here.  If you ask me to install, I will overwrite
+										the <strong>.htaccess</strong> and <strong>mysite/_config.php</strong> files. 
+										<br />
+									<input type="checkbox" id="ReIn" name="force_reinstall" onclick="document.getElementById('install_button').disabled = !this.checked" /><label for="ReIn">That's okay, please re-install SilverStripe and overwrite these files.</label>
 									</p>
 								<? } ?>
 			
 								<p>
 									<?php if($alreadyInstalled) { ?>
-										<input id="install_button" type="submit" disabled="disabled" name="go" value="Install SilverStripe" onclick="document.getElementById('saving_top').style.display = ''; this.value = 'Installing SilverStripe...'" />
+										<input id="install_button" type="submit" disabled="disabled" class="action" name="go" value="Install SilverStripe" onclick="document.getElementById('saving_top').style.display = ''; this.value = 'Installing SilverStripe...'" />
 									<?php } else { ?>
-										<input id="install_button" type="submit" name="go" value="Install SilverStripe" onclick="document.getElementById('saving_top').style.display = ''; this.value = 'Installing SilverStripe...'" />
+										<input id="install_button" type="submit" class="action" name="go" value="Install SilverStripe" onclick="document.getElementById('saving_top').style.display = ''; this.value = 'Installing SilverStripe...'" />
 									<? } ?>
 									
 									<span id="saving_top" style="display: none">