fix(fallback): wrap fields of trade form on small displays
This commit is contained in:
parent
4380f47302
commit
8157c85363
|
@ -14,26 +14,35 @@
|
||||||
<h4 class="subtitle">Schicht übernehmen</h4>
|
<h4 class="subtitle">Schicht übernehmen</h4>
|
||||||
<form method="POST">
|
<form method="POST">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<div class="field has-addons">
|
<div class="field is-horizontal">
|
||||||
<div class="control">
|
<div class="field-body">
|
||||||
{{ trade_form.assignment_id }}
|
<div class="field">
|
||||||
</div>
|
{% with trade_form.assignment_id as field %}
|
||||||
<div class="control">
|
<div class="control">
|
||||||
{{ trade_form.pin }}
|
{{ field }}
|
||||||
</div>
|
</div>
|
||||||
<div class="control">
|
{% for error in field.errors %}
|
||||||
<button type="submit" name="take_shift" class="button is-info">Übernehmen/Entfernen</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% if form.errors %}
|
|
||||||
<div class="field">
|
|
||||||
{% for field in trade_form %}
|
|
||||||
{% for error in field.errors %}
|
|
||||||
<p class="help is-danger">{{ error }}</p>
|
<p class="help is-danger">{{ error }}</p>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endfor %}
|
{% endwith %}
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
{% with trade_form.pin as field %}
|
||||||
|
<div class="control">
|
||||||
|
{{ field }}
|
||||||
|
</div>
|
||||||
|
{% for error in field.errors %}
|
||||||
|
<p class="help is-danger">{{ error }}</p>
|
||||||
|
{% endfor %}
|
||||||
|
{% endwith %}
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div class="control">
|
||||||
|
<button type="submit" name="take_shift" class="button is-info">Übernehmen/Entfernen</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue