styling for the demos

[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..3b3a01f 100644 (file)
--- a/portal/templates/slice-request-view.html
+++ b/portal/templates/slice-request-view.html
@@ -11,15 +11,23 @@
 <!-- xxx ideally only onelab.css but ... xxx -->
 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/registration.css" />
 
-<div class="onelab-title well well-lg">
+<div class="onelab-title well-lg">
   <h2>Request a Slice</h2>
 </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 %}