bootstrappified usersettings

cash/templates/cash/usersettings.html

@@ -28,23 +28,44 @@ $(document).ready(function() {
 
 <h1>{% trans "Preferences" %} </h1>
 
-<h2>{% trans "Daily digest" %}</h2>
+<div class="row">
+<div class="col-xs-12 col-sm-6">
+<div class="panel panel-default">
+<div class="panel-heading">{% trans "Daily digest" %}</div>
+<div class="panel-body">
 <p>{% blocktrans %}The digest will be sent nightly, as long as there were transaction made in the past 24 hours.{% endblocktrans %}
-<form action="{% url 'usersettings' %}settings/" method="post">
+<form action="{% url 'usersettings' %}settings/" method="post" class="forml" role="form">
 {% csrf_token %}
 {{ settings_form|bootstrap }}
-<input type="submit" class="btn btn-default" value="{% trans "Save" %}" />
+		<input type="submit" class="btn btn-primary" value="{% trans "Save" %}" />
+<div class="form-group">
+	<div class="col-sm-offset-2 col-sm-10">
+	</div>
+</div>
 </form>
+</div>
+</div>
+</div>
 
-<hr/>
-
-<h2>{% trans "Change PIN" %}</h2>
+<div class="col-xs-12 col-sm-6">
+<div class="panel panel-default">
+<div class="panel-heading">{% trans "Change PIN" %}</div>
+<div class="panel-body">
 <p>{% blocktrans %}The PIN is asked for after scanning the member's ID card. If this field is left blank, no PIN will be needed to log in.{% endblocktrans %}</p>
-<form action="{% url 'usersettings' %}pin/" method="post" id="pin-form">
+<form action="{% url 'usersettings' %}pin/" method="post" id="pin-form" class="form-horizontal" role="form">
 {% csrf_token %}
-{{ pin_form|bootstrap }}
-<input id="pin-submit" type="submit" class="btn btn-default" value="{% trans "Save" %}" />
+{{ pin_form|bootstrap_horizontal:'col-sm-4' }}
+<div class="form-group">
+	<div class="col-sm-offset-4 col-sm-8">
+		<input id="pin-submit" type="submit" class="btn btn-primary" value="{% trans "Save" %}" />
+	</div>
+</div>
 </form>
+</div>
+</div>
+</div>
+
+</div>
 
 
 <div class="modal fade" id="clear-pin-modal">