col-xs-offset-* classes are missing in bootstrap-3.0.0 so use md instead for now...

[myslice.git] / portal / templates / slice-request-view.html

diff --git a/portal/templates/slice-request-view.html b/portal/templates/slice-request-view.html
index 175863c..6aede04 100644 (file)
--- a/portal/templates/slice-request-view.html
+++ b/portal/templates/slice-request-view.html
@@ -16,10 +16,18 @@
 </div>
 
 <div class='well'>
-<form id="commentForm" action="" method="post">{% csrf_token %}
-{{ form.as_p }}
-<input class="btn" type="submit" value="Submit" />
-</form>
+  <form id="commentForm" class="form-horizontal" action="" method="post" role="form">{% csrf_token %}
+  <fieldset>
+    {% for field in form %}
+    <div class="form-group">
+      <label for="{{ field.html_name }}" class="col-xs-4 control-label">{{ field.label }}</label>
+      <div class="col-xs-4"> {{ field.errors }} {{ field }} </div>
+      <div class="col-xs-4"> <p class="form-hint">{{ field.help_text }}</p> </div>
+    </div>
+    {% endfor %}
+    <button class="submit btn btn-default col-md-offset-4 col-xs-4" type="submit">Request Slice</button>
+  </fieldset>
+  </form>
 </div>
 
 {% endblock %}