Custom Layout fix

This commit is contained in:
bogo
2024-09-30 13:53:55 +02:00
parent 567f38007f
commit d833aff7e6

View File

@@ -12,44 +12,46 @@
<div class="mb-6 max-w-2xl mx-auto"> <div class="mb-6 max-w-2xl mx-auto">
<h2>{%trans%}Select the target type{%endtrans%}</h2> <h2>{%trans%}Select the target type{%endtrans%}</h2>
<div id="stage" class="grid grid-cols-1 gap-4"> <div id="stage" class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div> <div class="flex flex-col justify-between h-full">
<label for="ts2"> <label for="ts2" class="flex flex-col items-center justify-between h-full">
<p>TS-2</p> <p>TS-2</p>
{% with target_width=5, target_height=5 %} {% with target_width=5, target_height=5 %}
{%include 'ts2_svg.html'%} {% include 'ts2_svg.html' %}
{% endwith %} {% endwith %}
<input type="radio" id="ts2" name="target_type" value="ts2" required> <input type="radio" id="ts2" name="target_type" value="ts2" required class="mt-2"> <!-- Margin added for spacing -->
</label> </label>
</div> </div>
<div> <div class="flex flex-col justify-between h-full">
<label for="popper"> <label for="popper" class="flex flex-col items-center justify-between h-full">
<p>Popper</p> <p>Popper</p>
{% with target_width=3, target_height=8.5 %} {% with target_width=3, target_height=8.5 %}
{%include 'popper_svg.html'%} {% include 'popper_svg.html' %}
{% endwith %} {% endwith %}
<input type="radio" id="popper" name="target_type" value="popper" required> <input type="radio" id="popper" name="target_type" value="popper" required class="mt-2"> <!-- Margin added for spacing -->
</label> </label>
</div> </div>
<div> <div class="flex flex-col justify-between h-full">
<label for="ipsc"> <label for="ipsc" class="flex flex-col items-center justify-between h-full">
<p>IPSC</p> <p>IPSC</p>
{% with target_width=4.5, target_height=5.8 %} {% with target_width=4.5, target_height=5.8 %}
{%include 'ipsc_svg.html'%} {% include 'ipsc_svg.html' %}
{% endwith %} {% endwith %}
<input type="radio" id="ipsc" name="target_type" value="ipsc" required> <input type="radio" id="ipsc" name="target_type" value="ipsc" required class="mt-2"> <!-- Margin added for spacing -->
</label> </label>
</div> </div>
<div> <div class="flex flex-col justify-between h-full">
<label for="idpa"> <label for="idpa" class="flex flex-col items-center justify-between h-full">
<p>IDPA</p> <p>IDPA</p>
{% with target_width=4.6, target_height=7.8 %} {% with target_width=4.6, target_height=7.8 %}
{%include 'idpa_svg.html'%} {% include 'idpa_svg.html' %}
{% endwith %} {% endwith %}
<input type="radio" id="idpa" name="target_type" value="idpa"> <input type="radio" id="idpa" name="target_type" value="idpa" class="mt-2"> <!-- Margin added for spacing -->
</label> </label>
</div> </div>
</div> </div>
</div> </div>
<div class="text-center"> <div class="text-center">
<button type="submit" <button type="submit"