help: Make download as PDF a regular button

By creating an icon for 'download as pdf', we are introducing a completely new
class of buttons into FreedomBox UI. While not being essential, this causes more
learning for the user. Further, it does not exhibit the regular behavior of a
button such as hover styling and button text.

Change the icon into a regular button that user is familiar with elsewhere. Also
add label text.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@riseup.net>
This commit is contained in:
Sunil Mohan Adapa 2019-09-06 11:01:31 -07:00 committed by Joseph Nuthalapati
parent 6e5791ca0c
commit 5fbc3fc31f
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35

View File

@ -28,15 +28,16 @@
}
.pdf {
float: right;
font-size: 4rem;
margin: 2rem 0;
}
</style>
{% endblock %}
{% block content %}
<a href="{% url 'help:download-manual' %}"
title="{% trans 'Download as PDF' %}">
<span class="fa fa-file-pdf-o pdf"></span>
<a href="{% url 'help:download-manual' %}" class="btn btn-default pdf"
role="button">
<span class="fa fa-download fa-fw fa-lg"></span>
{% trans 'Download as PDF' %}
</a>
{{ content|safe }}
{% endblock %}