X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2Fcontact.html;h=3aa9f1910f3a3339c2ba8fba4de59cf21c590936;hb=83f238a32f62a34370f24d69e85823c709d95627;hp=f9e2e4ef0b7723b2e7785095d99e931586de7c21;hpb=c0c7175e6883ad9bc746692e7c71202e64ec2351;p=myslice.git

diff --git a/portal/templates/contact.html b/portal/templates/contact.html
index f9e2e4ef..3aa9f191 100644
--- a/portal/templates/contact.html
+++ b/portal/templates/contact.html
@@ -1,22 +1,32 @@
 {% extends "layout-unfold1.html" %}
-{% load i18n %}
 
 {% block head %}
 {{ wizard.form.media }}
 {% endblock %}
 
-{% block unfold1_main %}
+{% block unfold_main %}
 
-
-<div style=" padding-top: 12px; background-color: orange; border: 1px solid #61210B; text-align: center;">
-         <h3>Onelab Support</h3>
-         <h3>If you have already registered then send an <a href="mailto:support@myslice.info"> e-mail </a>  or <a href="http://trac.myslice.info/" >visit us</a></h3>
+<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/onelab.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>
+  or <a href="http://trac.myslice.info/" >visit us</a></h4>
 </div>
 
-<form action="#" method="post">{% csrf_token %}
-{{ form.as_p }}
-<input type="submit" value="Submit" />
-</form>
-
+<!-- no hint for this form, moreover we need more space to write stuff down
+     so we use a 3-6-3 layout -->
+<div class='well'>
+  <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-3 control-label">{{ field.label }}</label>
+      <div class="col-xs-6"> {{ field.errors }} {{ field }} <p class="form-hint">{{ field.help_text }}</p> </div>
+    </div>
+    {% endfor %}
+    <button class="submit btn btn-default col-xs-12" type="submit">Send to Support</button>
+  </fieldset>
+  </form>
+</div>
 {% endblock %}