Contact: Imporved display msg
[unfold.git] / portal / templates / contact.html
index 9151a54..12f76c3 100644 (file)
@@ -4,27 +4,27 @@
 {{ wizard.form.media }}
 {% endblock %}
 
-{% block unfold1_main %}
+{% block unfold_main %}
 
 <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/onelab.css" />
-<div class="onelab-title well well-lg">
+<div class="onelab-title 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>
+  <h4>If you have any diffculties using the portal, please contact us by filling this form below.</h4>
+  <h4>You can also <a href="mailto:support@myslice.info">e-mail</a> us directly or consult to our <a href="http://trac.myslice.info/" >documentation</a></h4>
 </div>
 
+<!-- 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-md-4 control-label">{{ field.label }}</label>
-      <div class="col-md-4"> {{ field }} <p class="hint">{{ field.help_text }}</p> </div>
+      <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 %}
-    <div class="col-md-offset-4 col-md-4">
-      <button class="submit btn btn-default" type="submit">Submit</button>
-    </div>
+    <button class="submit btn btn-default col-xs-12" type="submit">Submit to OneLab Support</button>
   </fieldset>
   </form>
 </div>