From e44c6358076d2bc0bd0b9b4d7230c2a076068427 Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Mon, 7 Jan 2019 18:59:29 +0100
Subject: [PATCH] Properly align Paypal icon. Unfortunately, fas and fab use
 different alignments so we need to install a special CSS rule here.

Signed-off-by: DL6ER <dl6er@dl6er.de>
---
 scripts/pi-hole/php/header.php | 2 +-
 style/pi-hole.css              | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php
index 2d52f0c7..5c963ee6 100644
--- a/scripts/pi-hole/php/header.php
+++ b/scripts/pi-hole/php/header.php
@@ -595,7 +595,7 @@ if($auth) {
                 <!-- Donate -->
                 <li>
                     <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=3J2L3Z4DHW9UY" target="_blank">
-                        <i class="fa-icon fab fa-paypal"></i> <span>Donate</span>
+                        <i class="fa-paypal-icon fab fa-paypal"></i> <span>Donate</span>
                     </a>
                 </li>
                 <?php if($auth){ ?>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 2d4e93bc..eec770c6 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -176,9 +176,9 @@
     float:left;
 }
 
-.fa-icon {
-    width: 20px;
-    text-align: center-5px;
+.fa-paypal-icon {
+    width: 18px;
+    margin-left: 2px;
 }
 
 .sidebar-toggle:before {