Make archive/suspend links not buttons

They don’t immediately perform an action, so semantically they are
links, not buttons.
This commit is contained in:
Chris Hill-Scott
2019-04-23 10:42:37 +01:00
parent 7c8ce6c62a
commit d3caaf94b1
2 changed files with 36 additions and 20 deletions

View File

@@ -353,26 +353,29 @@
{% endcall %}
<ul>
<p>
{% if current_service.active %}
<li class="bottom-gutter">
<a href="{{ url_for('.archive_service', service_id=current_service.id) }}" class="button">
<span class="page-footer-delete-link page-footer-delete-link-without-button">
<a href="{{ url_for('.archive_service', service_id=current_service.id) }}">
Archive service
</a>
</li>
<li class="bottom-gutter">
<a href="{{ url_for('.suspend_service', service_id=current_service.id) }}" class="button">
Suspend service
</a>
</li>
</span>
<span class="page-footer-delete-link">
<a href="{{ url_for('.suspend_service', service_id=current_service.id) }}" class="page-footer-delete-link">
Suspend service
</a>
</span>
{% else %}
<li class="bottom-gutter">
<a href="{{ url_for('.resume_service', service_id=current_service.id) }}" class="button">
<div class="hint bottom-gutter-1-2">
Service suspended
</div>
<span class="page-footer-delete-link page-footer-delete-link-without-button">
<a href="{{ url_for('.resume_service', service_id=current_service.id) }}">
Resume service
</a>
</li>
</span>
{% endif %}
</ul>
</p>
</div>
{% endif %}