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

[myslice.git] / portal / templates / contact.html

diff --git a/portal/templates/contact.html b/portal/templates/contact.html
index bd37415..2652647 100644 (file)
--- a/portal/templates/contact.html
+++ b/portal/templates/contact.html
@@ -7,8 +7,6 @@
 {% block unfold1_main %}
 
 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/onelab.css" />
-<!-- 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">
   <h2>Onelab Support</h2>
   <h4>If you have already registered, then please <a href="mailto:support@myslice.info">send an e-mail</a>
@@ -16,14 +14,17 @@
 </div>
 
 <div class='well'>
-<form class="cmxform" id="commentForm" action="#" method="post">{% csrf_token %}
-<fieldset>
-{{ form.as_p }}
-<p style="text-align: center;width: 80%;">
-  <input class="btn" type="submit" value="Submit" />
-</p>
-</fieldset>
-</form>
+  <form class="cmxform form-horizontal" id="commentForm" 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 }} <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">Send to Support</button>
+  </fieldset>
+  </form>
 </div>
 {% endblock %}