small UI tweaks/improvements

PlexRequests.UI/Content/Themes/OriginalBootstrapCustom.css

@@ -14,6 +14,14 @@
   .home {
     padding-top: 4rem; } }
 
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  color: #fff; }
+
+hr {
+  border-color: #777; }
+
 .btn {
   border-radius: 0.25rem !important; }
 
@@ -219,7 +227,7 @@ label {
   position: absolute;
   right: 45px;
   z-index: 3;
-  top: 13px;
+  top: 10px;
   box-shadow: 0 0 0; }
 
 .input-group-addon .btn-group .btn {
@@ -238,9 +246,10 @@ label {
   padding: 12px 8px; }
 
 #updateAvailable {
-  background-color: #ffa400;
+  background-color: #df691a;
   text-align: center;
-  font-size: 15px; }
+  font-size: 15px;
+  padding: 3px 0; }
 
 .checkbox label {
   display: inline-block;

PlexRequests.UI/Content/Themes/OriginalBootstrapCustom.scss

@@ -33,6 +33,16 @@ $i:
     }
 }
 
+.navbar-default .navbar-nav > .active > a, 
+.navbar-default .navbar-nav > .active > a:hover, 
+.navbar-default .navbar-nav > .active > a:focus {
+    color: #fff;
+}
+
+hr {
+    border-color: #777;
+}
+
 .btn {
     border-radius: .25rem $i;
 }
@@ -279,7 +289,7 @@ $border-radius: 10px;
     position: absolute;
     right: 45px;
     z-index: 3;
-    top: 13px;
+    top: 10px;
     box-shadow: 0 0 0;
 }
 
@@ -303,9 +313,10 @@ $border-radius: 10px;
 }
 
 #updateAvailable {
-    background-color:  rgb(255, 164, 0);
+    background-color: #df691a;
     text-align: center;
     font-size: 15px;
+    padding: 3px 0;
 }
 
 .checkbox label {

PlexRequests.UI/Content/Themes/PlexBootstrapCustom.css

@@ -14,6 +14,17 @@
   .home {
     padding-top: 4rem; } }
 
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  color: #fff; }
+
+hr {
+  border-color: #777; }
+
+body.update-available {
+  margin-top: 80px; }
+
 .btn {
   border-radius: 0.25rem !important; }
 
@@ -219,7 +230,7 @@ label {
   position: absolute;
   right: 45px;
   z-index: 3;
-  top: 13px;
+  top: 10px;
   box-shadow: 0 0 0; }
 
 .input-group-addon .btn-group .btn {
@@ -238,9 +249,10 @@ label {
   padding: 12px 8px; }
 
 #updateAvailable {
-  background-color: #ffa400;
+  background-color: #df691a;
   text-align: center;
-  font-size: 15px; }
+  font-size: 15px;
+  padding: 3px 0; }
 
 .checkbox label {
   display: inline-block;

PlexRequests.UI/Content/Themes/PlexBootstrapCustom.scss

@@ -34,6 +34,20 @@ $i:
     }
 }
 
+.navbar-default .navbar-nav > .active > a, 
+.navbar-default .navbar-nav > .active > a:hover, 
+.navbar-default .navbar-nav > .active > a:focus {
+    color: #fff;
+}
+
+hr {
+    border-color: #777;
+}
+
+body.update-available {
+    margin-top: 80px;
+}
+
 .btn {
     border-radius: .25rem $i;
 }
@@ -280,7 +294,7 @@ $border-radius: 10px;
     position: absolute;
     right: 45px;
     z-index: 3;
-    top: 13px;
+    top: 10px;
     box-shadow: 0 0 0;
 }
 
@@ -304,9 +318,10 @@ $border-radius: 10px;
 }
 
 #updateAvailable {
-    background-color:  rgb(255, 164, 0);
+    background-color: #df691a;
     text-align: center;
     font-size: 15px;
+    padding: 3px 0;
 }
 
 .checkbox label {

PlexRequests.UI/Views/Shared/_Layout.cshtml

@@ -97,6 +97,7 @@
                     var status = createBaseUrl(urlBase, '/admin/status');
                     $('#updateAvailable').html("<i class='fa fa-cloud-download' aria-hidden='true'></i> There is a new update available! Click <a style='color: white' href='" + status + "'>Here!</a>");
                     $('#updateAvailable').removeAttr("hidden");
+                    $('body').addClass('update-available')
                 }
             },
             error: function (e) {