From 74aa2409b168c9f388c482743c1e871447d6ef5e Mon Sep 17 00:00:00 2001
From: Sven Slootweg <jamsoftgamedev@gmail.com>
Date: Wed, 14 Aug 2013 05:28:12 +0200
Subject: [PATCH] Reorganize form structure

---
 public_html/static/css/openng.css      | 23 +++++++++++-
 public_html/templates/nodes/create.tpl | 51 +++++++++++++++++---------
 2 files changed, 56 insertions(+), 18 deletions(-)

diff --git a/public_html/static/css/openng.css b/public_html/static/css/openng.css
index 6582c9b..5aead33 100644
--- a/public_html/static/css/openng.css
+++ b/public_html/static/css/openng.css
@@ -105,5 +105,26 @@ h1.form
 {
 	font-size: 16px;
 	margin-top: 7px;
-	margin-bottom: 4px;
+	margin-bottom: 6px;
+}
+
+.pure-form label
+{
+	font-size: 95%;
+	margin-left: 1px;
+}
+
+div.label
+{
+	padding-top: 4px;
+}
+
+div.formfield, div.property
+{
+	margin-bottom: 1px;
+}
+
+textarea
+{
+	height: 90px;
 }
diff --git a/public_html/templates/nodes/create.tpl b/public_html/templates/nodes/create.tpl
index 52e3bb3..3fba6bc 100644
--- a/public_html/templates/nodes/create.tpl
+++ b/public_html/templates/nodes/create.tpl
@@ -1,24 +1,41 @@
 <form class="pure-form pure-form-aligned form_createnode">
-	<h1 class="form">Node</h1>
-	
-	<div class="pure-control-group">
-		<label for="input_createnode_name">Name</label>
-		<input type="text" name="name" id="input_createnode_name">
-	</div>
-	
-	<div class="pure-control-group">
-		<label for="input_createnode_notes">Notes</label>
-		<textarea name="notes" id="input_createnode_notes"></textarea>
-	</div>
-	
-	<div class="pure-g form_createnode_properties">
+	<div class="pure-g">
 		<div class="pure-u-1">
-			<h1 class="form">Properties</h1>
+			<h1 class="form">Node</h1>
+		</div>
+		
+		<div class="formfield">
+			<div class="pure-u-1-3 label">
+				<label for="input_createnode_name">Name</label>
+			</div>
+			<div class="pure-u-2-3">
+				<input class="pure-input-1" type="text" name="name" id="input_createnode_name">
+			</div>
+		</div>
+		
+		<div class="formfield">
+			<div class="pure-u-1-3 label">
+				<label for="input_createnode_notes">Notes</label>
+			</div>
+			<div class="pure-u-2-3">
+				<textarea class="pure-input-1" name="notes" id="input_createnode_notes"></textarea>
+			</div>
 		</div>
 		
-		<div class="property">
-			<input type="text" class="pure-input-1-2 group-first" name="property_name[]" placeholder="Name">
-			<input type="text" class="pure-input-1-2 group-last" name="property_value[]" placeholder="Value">
+		<div class="form_createnode_properties">
+			<div class="pure-u-1">
+				<h1 class="form">Properties</h1>
+			</div>
+			
+			<div class="property">
+				<input type="text" class="pure-input-1-2 group-first" name="property_name[]" placeholder="Name">
+				<input type="text" class="pure-input-1-2 group-last" name="property_value[]" placeholder="Value">
+			</div>
+			
+			<div class="property">
+				<input type="text" class="pure-input-1-2 group-first" name="property_name[]" placeholder="Name">
+				<input type="text" class="pure-input-1-2 group-last" name="property_value[]" placeholder="Value">
+			</div>
 		</div>
 	</div>
 </form>