Reorganize form structure

feature/core
Sven Slootweg 11 years ago
parent 430c3a1627
commit 74aa2409b1

@ -105,5 +105,26 @@ h1.form
{ {
font-size: 16px; font-size: 16px;
margin-top: 7px; 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;
} }

@ -1,24 +1,41 @@
<form class="pure-form pure-form-aligned form_createnode"> <form class="pure-form pure-form-aligned form_createnode">
<h1 class="form">Node</h1> <div class="pure-g">
<div class="pure-u-1">
<div class="pure-control-group"> <h1 class="form">Node</h1>
<label for="input_createnode_name">Name</label> </div>
<input type="text" name="name" id="input_createnode_name">
</div>
<div class="pure-control-group"> <div class="formfield">
<label for="input_createnode_notes">Notes</label> <div class="pure-u-1-3 label">
<textarea name="notes" id="input_createnode_notes"></textarea> <label for="input_createnode_name">Name</label>
</div> </div>
<div class="pure-u-2-3">
<input class="pure-input-1" type="text" name="name" id="input_createnode_name">
</div>
</div>
<div class="pure-g form_createnode_properties"> <div class="formfield">
<div class="pure-u-1"> <div class="pure-u-1-3 label">
<h1 class="form">Properties</h1> <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>
<div class="property"> <div class="form_createnode_properties">
<input type="text" class="pure-input-1-2 group-first" name="property_name[]" placeholder="Name"> <div class="pure-u-1">
<input type="text" class="pure-input-1-2 group-last" name="property_value[]" placeholder="Value"> <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>
</div> </div>
</form> </form>

Loading…
Cancel
Save