{% 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-lg">
+ <h2>Onelab Support</h2>
+ <h4>If you have already registered, then please send an <a href="mailto:support@myslice.info">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 %}