bernard/RosterChief
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make every cancel/back button an outline button

Browse Source 
The filled base button reads as heavy as the primary next to it, so cancel is now
btn-outline everywhere it appears: sign out, the 2FA challenge, and the four
control-panel forms (which also gain the back-arrow icon the auth pages already
had).

For the record, the buttons were never different heights -- measured in a real
browser, every .btn on every page is 40px, anchor and button alike. It was the
fill, not the box.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Bernard Siebens
2026-07-13 23:32:27 +02:00
parent c9935d0a04
commit 0eb6838cba
8 changed files with 12 additions and 4133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
controlpanel/templates/controlpanel/admin_form.html
View File

@@ -30,7 +30,7 @@
</div>
{% endfor %}
<div class="card-actions justify-end pt-2">
<a class="btn btn-ghost" href="{% url 'controlpanel:admins' %}">Cancel</a>
<a class="btn btn-outline gap-2" href="{% url 'controlpanel:admins' %}">{% lucide "arrow-left" size=16 %} Cancel</a>
<button class="btn btn-primary gap-2" type="submit">{% lucide "user-plus" size=16 %} Grant access</button>
</div>
</form>

4
controlpanel/templates/controlpanel/club_admin_form.html
View File

@@ -1,5 +1,5 @@
{% extends "controlpanel/base.html" %}
{% load ui %}
{% load lucide ui %}
{% block heading %}Add an admin to {{ club }}{% endblock heading %}
@@ -27,7 +27,7 @@
</div>
{% endfor %}
<div class="card-actions justify-end pt-2">
<a class="btn btn-ghost" href="{% url 'controlpanel:club_detail' club.pk %}">Cancel</a>
<a class="btn btn-outline gap-2" href="{% url 'controlpanel:club_detail' club.pk %}">{% lucide "arrow-left" size=16 %} Cancel</a>
<button class="btn btn-primary" type="submit">Grant admin</button>
</div>
</form>

4
controlpanel/templates/controlpanel/club_form.html
View File

@@ -1,5 +1,5 @@
{% extends "controlpanel/base.html" %}
{% load ui %}
{% load lucide ui %}
{% block heading %}{% if object %}Edit {{ object }}{% else %}New club{% endif %}{% endblock heading %}
@@ -24,7 +24,7 @@
</div>
{% endfor %}
<div class="card-actions justify-end pt-2">
<a class="btn btn-ghost" href="{% url 'controlpanel:club_list' %}">Cancel</a>
<a class="btn btn-outline gap-2" href="{% url 'controlpanel:club_list' %}">{% lucide "arrow-left" size=16 %} Cancel</a>
<button class="btn btn-primary" type="submit">Save</button>
</div>
</form>

4
controlpanel/templates/controlpanel/flag_form.html
View File

@@ -1,5 +1,5 @@
{% extends "controlpanel/base.html" %}
{% load ui %}
{% load lucide ui %}
{% block heading %}{% if object %}Edit {{ object.name }}{% else %}New feature{% endif %}{% endblock heading %}
@@ -24,7 +24,7 @@
</div>
{% endfor %}
<div class="card-actions justify-end pt-2">
<a class="btn btn-ghost" href="{% url 'controlpanel:features' %}">Cancel</a>
<a class="btn btn-outline gap-2" href="{% url 'controlpanel:features' %}">{% lucide "arrow-left" size=16 %} Cancel</a>
<button class="btn btn-primary" type="submit">Save</button>
</div>
</form>