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>
pi-hole · May 30, 2020 · ee40ea3 · ee40ea3
1 parent 758bd21
commit ee40ea3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php
@@ -651,20 +651,20 @@ function pidofFTL()
                 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
@@ -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 */