From ee40ea3d3682a901fb9f8b32b4b40e989e7a1fa0 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sat, 30 May 2020 09:11:32 +0300
Subject: [PATCH] Fix sidebar docs link

Also work around us using Font Awesome 5.x with AdminLTE 2.x.

We should fix the FA classes later.

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
---
 scripts/pi-hole/php/header.php | 6 +++---
 style/pi-hole.css              | 8 +++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php
index d0db70cc..0a85791d 100644
--- a/scripts/pi-hole/php/header.php
+++ b/scripts/pi-hole/php/header.php
@@ -651,20 +651,20 @@ if($auth) {
                 if(strlen($pwhash) > 0 && !$auth) { ?>
                 <li<?php if($scriptname === "login"){ ?> class="active"<?php } ?>>
                     <a href="index.php?login">
-                        <i class="fa far fa-user"></i> <span>Login</span>
+                        <i class="fa fa-user"></i> <span>Login</span>
                     </a>
                 </li>
                 <?php } ?>
                 <!-- Donate -->
                 <li>
                     <a href="https://pi-hole.net/donate/" rel="noopener" target="_blank">
-                        <i class="fa-paypal-icon fab fa-paypal"></i> <span>Donate</span>
+                        <i class="fab fa-paypal"></i> <span>Donate</span>
                     </a>
                 </li>
                  <!-- Docs -->
                  <li>
                     <a href="https://docs.pi-hole.net/" rel="noopener" target="_blank">
-                        <i class="fa-question-circle"></i> <span>Donate</span>
+                        <i class="fa fa-question-circle"></i> <span>Documentation</span>
                     </a>
                 </li>
             </ul>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 8bfdd8ca..559ab8e1 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -234,9 +234,11 @@
   text-decoration: line-through !important;
 }
 
-.fa-paypal-icon {
-  width: 18px;
-  margin-left: 2px;
+/* These are needed because AdmintLTE 2.x doesn't support Font Awesome 5.x */
+.sidebar-menu > li > a > .fab,
+.sidebar-menu > li > a > .far,
+.sidebar-menu > li > a > .fas {
+  width: 20px;
 }
 
 /* Utilities */