Dropped the max-w-3xl cap (matching sponsor_form.html's own full-width card) and gave the teams multi-select the full row -- cramped at half width, same col-span-2-for-wide-fields convention sponsor_form.html already uses for its own textarea/file fields. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
{% extends "management/base.html" %}
|
|
{% load i18n lucide static ui %}
|
|
|
|
{% block heading %}{% if update_view %}{% blocktrans %}Edit {{ object }}{% endblocktrans %}{% else %}{% trans "New referee level" %}{% endif %}{% endblock heading %}
|
|
|
|
{% block panel %}
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
|
|
{% for error in form.non_field_errors %}
|
|
<div class="alert alert-error">
|
|
<span>{{ error }}</span>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="grid grid-cols-2 items-start gap-4">
|
|
{% for field in form %}
|
|
<div class="{% if field.widget_type == "selectmultiple" %}col-span-2{% endif %}">
|
|
{% form_field field %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<div class="mt-4 flex gap-2">
|
|
<a class="btn btn-outline gap-2" href="{% url "management:referee_level_list" %}">{% lucide "arrow-left" size=16 %} {% trans "Cancel" %}</a>
|
|
<button class="btn btn-primary gap-2" type="submit">{% lucide "save" size=16 %} {% trans "Save" %}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock panel %}
|
|
|
|
{% block extra_body %}
|
|
<script src="{% static 'js/searchable-select.js' %}"></script>
|
|
{% endblock extra_body %}
|