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