tweaked the contact view for bootstrap3

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

diff --git a/portal/templates/contact.html b/portal/templates/contact.html
index bd37415..71318ee 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,12 +14,22 @@
 </div>
 
 <div class='well'>
-<form class="cmxform" id="commentForm" action="#" method="post">{% csrf_token %}
+<form class="cmxform form-horizontal" id="commentForm" action="#" method="post" role="form">{% csrf_token %}
 <fieldset>
-{{ form.as_p }}
-<p style="text-align: center;width: 80%;">
-  <input class="btn" type="submit" value="Submit" />
-</p>
+  {% for field in form %}
+  <div class="form-group">
+    <label for="{{ field.html_name }}" class="col-md-4 control-label">{{ field.label }}</label>
+    <div class="col-md-4">
+<!--      <input type="{{ field.my_html_type }}" name="{{ field.html_name }}" 
+            class="required form-control" value="{{ field.value }}" 
+            placeholder="{{ field.label }}" /> -->
+          {{ field }} <p class="hint">{{ field.help_text }}</p>
+    </div>
+  </div>
+{% endfor %}
+<div class="col-md-offset-4 col-md-4">
+  <button class="submit btn btn-default" type="submit">Submit</button>
+</div>
 </fieldset>
 </form>
 </div>