From 5fbc3fc31fd18a0a29d4d32b2636ed331b0a7fe8 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Fri, 6 Sep 2019 11:01:31 -0700
Subject: [PATCH] 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>
---
 plinth/modules/help/templates/help_manual.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/plinth/modules/help/templates/help_manual.html b/plinth/modules/help/templates/help_manual.html
index 8e20ddb7b..2a51ba6bc 100644
--- a/plinth/modules/help/templates/help_manual.html
+++ b/plinth/modules/help/templates/help_manual.html
@@ -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 %}