From f65baa22f145ddedd5d22787d78a56a3dfeeffdf Mon Sep 17 00:00:00 2001
From: JonnyWong16 <JonnyWong16@users.noreply.github.com>
Date: Tue, 12 Jun 2018 19:28:33 -0700
Subject: [PATCH] Fix font awesome icon in setting alerts

---
 data/interfaces/default/base.html        |  1 +
 data/interfaces/default/css/tautulli.css | 17 +++++++----------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/data/interfaces/default/base.html b/data/interfaces/default/base.html
index 156d3b2f..f096794f 100644
--- a/data/interfaces/default/base.html
+++ b/data/interfaces/default/base.html
@@ -288,6 +288,7 @@ ${next.modalIncludes()}
 <script src="${http_root}js/jquery-2.1.4.min.js"></script>
 <script src="${http_root}js/bootstrap.min.js"></script>
 <script src="${http_root}js/bootstrap-hover-dropdown.min.js"></script>
+<script>window.FontAwesomeConfig = {searchPseudoElements: true}</script>
 <script src="${http_root}js/fontawesome-v5.0.13.min.js"></script>
 <script src="${http_root}js/fontawesome-v4-shims.min.js"></script>
 <script src="${http_root}js/pnotify.custom.min.js"></script>
diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css
index ffbe9f47..cc480055 100644
--- a/data/interfaces/default/css/tautulli.css
+++ b/data/interfaces/default/css/tautulli.css
@@ -2115,21 +2115,18 @@ a:hover .item-children-poster {
 }
 .settings-alert ul li {
     list-style: none;
-    padding: 5px 12px 5px 35px;
+    padding: 5px 12px;
     margin: 0;
     border: 1px solid #ebccd1;
     border-radius: 4px;
 }
 .settings-alert ul li:before {
-    content: "\f071";
-    font-family: FontAwesome;
-    font-style: normal;
-    font-weight: normal;
-    text-decoration: inherit;
-    font-size: 18px;
-    position: absolute;
-    top: 5px;
-    left: 12px;
+    display: none;
+    content: "\f071 ";
+    font-family: "Font Awesome 5 Solid";
+}
+.settings-alert ul li .svg-inline--fa {
+    margin-right: 5px;
 }
 .settings-warning {
     color: #eb8600;