From 9291ec64f9bb432cdd8a885368bc85ce1d2dd65b Mon Sep 17 00:00:00 2001
From: psychobunny <psycho.bunny@hotmail.com>
Date: Thu, 19 Feb 2015 17:47:47 -0500
Subject: [PATCH] styling

---
 public/less/admin/admin.less          |  1 +
 public/less/admin/extend/rewards.less | 17 +++++++++++
 public/src/admin/extend/rewards.js    |  2 +-
 src/views/admin/extend/rewards.tpl    | 44 +++++++++++++++------------
 4 files changed, 44 insertions(+), 20 deletions(-)
 create mode 100644 public/less/admin/extend/rewards.less

diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less
index ee9a87b605..c304ddd774 100644
--- a/public/less/admin/admin.less
+++ b/public/less/admin/admin.less
@@ -10,6 +10,7 @@
 @import "./appearance/customise";
 @import "./appearance/themes";
 @import "./extend/plugins";
+@import "./extend/rewards";
 @import "./advanced/database";
 
 @import "./modules/alerts";
diff --git a/public/less/admin/extend/rewards.less b/public/less/admin/extend/rewards.less
new file mode 100644
index 0000000000..997983ea81
--- /dev/null
+++ b/public/less/admin/extend/rewards.less
@@ -0,0 +1,17 @@
+#rewards {
+	.well {
+		vertical-align: top;
+		min-height: 100px;
+	}
+
+	ul {
+		list-style-type: none;
+		padding: 0px;
+		margin: 0px;
+
+		> li {
+			border-bottom: 1px solid #ddd;
+			margin-bottom: 20px;
+		}
+	}
+}
\ No newline at end of file
diff --git a/public/src/admin/extend/rewards.js b/public/src/admin/extend/rewards.js
index 0deba1328c..02725f49fb 100644
--- a/public/src/admin/extend/rewards.js
+++ b/public/src/admin/extend/rewards.js
@@ -40,7 +40,7 @@ define('admin/extend/rewards', function() {
 	}
 
 	function selectReward(el) {
-		var div = el.parent().find('.inputs'),
+		var div = el.parents('li').find('.inputs'),
 			inputs,
 			html = '';
 
diff --git a/src/views/admin/extend/rewards.tpl b/src/views/admin/extend/rewards.tpl
index f94cf347c8..8c7b9e31c3 100644
--- a/src/views/admin/extend/rewards.tpl
+++ b/src/views/admin/extend/rewards.tpl
@@ -7,25 +7,31 @@
 					<ul>
 						<!-- BEGIN active -->
 						<li>
-							If User's
-							<select name="condition" data-selected="{active.condition}">
-								<!-- BEGIN conditions -->
-								<option value="{conditions.condition}">{conditions.name}</option>
-								<!-- END conditions -->
-							</select>
-							Is
-							<select name="conditional" data-selected="{active.conditional}">
-								<!-- BEGIN conditionals -->
-								<option value="{conditionals.conditional}">{conditionals.name}</option>
-								<!-- END conditionals -->
-							</select>
-							<input type="text" value="{active.value}" />
-							Then
-							<select name="reward" data-selected="{active.rewardID}">
-								<!-- BEGIN rewards -->
-								<option value="{rewards.rewardID}">{rewards.name}</option>
-								<!-- END rewards -->
-							</select>
+							<div class="well inline-block">
+								<label for="condition">If User's</label><br />
+								<select name="condition" data-selected="{active.condition}">
+									<!-- BEGIN conditions -->
+									<option value="{conditions.condition}">{conditions.name}</option>
+									<!-- END conditions -->
+								</select>
+							</div>
+							<div class="well inline-block">
+								<label for="condition">Is:</label><br />
+								<select name="conditional" data-selected="{active.conditional}">
+									<!-- BEGIN conditionals -->
+									<option value="{conditionals.conditional}">{conditionals.name}</option>
+									<!-- END conditionals -->
+								</select>
+								<input type="text" value="{active.value}" />
+							</div>
+							<div class="well inline-block">
+								<label for="condition">Then:</label><br />
+								<select name="reward" data-selected="{active.rewardID}">
+									<!-- BEGIN rewards -->
+									<option value="{rewards.rewardID}">{rewards.name}</option>
+									<!-- END rewards -->
+								</select>
+							</div>
 							<div class="inputs well inline-block"></div>
 						</li>
 						<!-- END active -->