Hide child edit and delete buttons on small screens

Prevents weird spacing issues and line breaks between buttons on small phones.

Closes #298
This commit is contained in:
Christopher C. Wells 2021-09-03 20:51:17 -07:00
parent 53f249d1af
commit 0b0efc6b8d
1 changed files with 2 additions and 2 deletions

View File

@ -32,14 +32,14 @@
</div> </div>
{% if perms.core.change_child %} {% if perms.core.change_child %}
<a class="btn" <a class="btn d-none d-md-inline-block"
href="{% url 'core:child-update' object.slug %}" href="{% url 'core:child-update' object.slug %}"
title="{% trans "Edit" %}" title="{% trans "Edit" %}"
role="button"><i class="icon-update" aria-hidden="true"></i></a> role="button"><i class="icon-update" aria-hidden="true"></i></a>
{% endif %} {% endif %}
{% if perms.core.delete_child %} {% if perms.core.delete_child %}
<a class="btn" <a class="btn d-none d-md-inline-block"
href="{% url 'core:child-delete' object.slug %}" href="{% url 'core:child-delete' object.slug %}"
title="{% trans "Delete" %}" title="{% trans "Delete" %}"
role="button"><i class="icon-delete" aria-hidden="true"></i></a> role="button"><i class="icon-delete" aria-hidden="true"></i></a>