Nicer contact form

Signed-off-by: Michal Čihař <michal@cihar.com>

weblate/accounts/forms.py

@@ -251,7 +251,7 @@ class UserForm(forms.ModelForm):
         self.fields['username'].valid = self.instance.username
 
 
-class ContactForm(forms.Form):
+class ContactForm(BootstrapForm):
     '''
     Form for contacting site owners.
     '''

weblate/html/accounts/contact.html

@@ -3,23 +3,29 @@
 {% load url from future %}
 
 {% block breadcrumbs %}
-<li><a href="{% url 'contact' %}">{% trans "contact" %}</a></li>
+<li><a href="{% url 'contact' %}">{% trans "Contact" %}</a></li>
 {% endblock %}
 
 {% block content %}
 
-<p>{% blocktrans %}You can contact maintainers of this server here.{% endblocktrans %}</p>
+<div class="alert alert-info">{% blocktrans %}If you are looking for support for Weblate or want to file bug reports check its website at <a href="{{ weblate_url }}">weblate.org</a>.{% endblocktrans %}</div>
 
-<p>{% blocktrans %}Please contact us in English, otherwise we might be unable to understand your request.{% endblocktrans %}</p>
-
-<p>{% blocktrans %}If you are looking for support for Weblate or want to file bug reports check its website at <a href="{{ weblate_url }}">weblate.org</a>.{% endblocktrans %}</p>
+<p>
+{% blocktrans %}You can contact maintainers of this server here.{% endblocktrans %}
+{% blocktrans %}Please contact us in English, otherwise we might be unable to understand your request.{% endblocktrans %}
+</p>
 
 <form method="post" action="{% url 'contact' %}">
+<div class="panel panel-primary">
+  <div class="panel-heading"><h4 class="panel-title">{% trans "Contact" %}</h4></div>
+  <div class="panel-body">
 {% csrf_token %}
-<table class="contact-table">
-{{ form.as_table }}
-<tr><td></td><td><input type="submit" class="button" value="{% trans "Send" %}" /></td></tr>
-</table>
+{{ form.as_div }}
+</div>
+<div class="panel-footer">
+<input type="submit" value="{% trans "Send" %}" class="btn btn-default" />
+</div>
+</div>
 </form>
 
 {% endblock %}