Better mobile display for notifications

This commit is contained in:
Mouse Reeve 2021-10-02 10:28:49 -07:00
parent 085d3270a3
commit 1d79bb58e1

View file

@ -4,14 +4,19 @@
{% block title %}{% trans "Notifications" %}{% endblock %} {% block title %}{% trans "Notifications" %}{% endblock %}
{% block content %} {% block content %}
<header class="columns"> <header class="columns is-mobile">
<div class="column"> <div class="column">
<h1 class="title">{% trans "Notifications" %}</h1> <h1 class="title">{% trans "Notifications" %}</h1>
</div> </div>
<form name="clear" action="/notifications" method="POST" class="column is-narrow"> <form name="clear" action="/notifications" method="POST" class="column is-narrow">
{% csrf_token %} {% csrf_token %}
<button class="button is-danger is-light" type="submit" class="secondary">{% trans "Delete notifications" %}</button> {% spaceless %}
<button class="button is-danger is-light" type="submit">
<span class="icon icon-x m-0-mobile" aria-hidden="true"></span>
<span class="is-sr-only-mobile">{% trans "Delete notifications" %}</span>
</button>
{% endspaceless %}
</form> </form>
</header> </header>