Fix: Added loading spinner to all autocomplete lists, better list text color

NzbDrone.Web/Content/Overrides.css

@@ -18,13 +18,9 @@
 .ui-autocomplete .ui-state-hover
 {
     background: #333333;
-    border-color: #065EFE;
+    border-color: lightgrey;
 }
 
-.ui-menu-item .ui-corner-all
-{
-    color: #065EFE;
-}
 
 .ui-progressbar-value
 {
@@ -42,12 +38,26 @@
     padding-left: 10px;
 }
 
+.ui-autocomplete-loading
+{
+    background: white url('/Content/Images/ajax-loader.gif') 99% center no-repeat;
+    background-size: 18px 18px;
+}
+
+.ui-menu-item .ui-corner-all
+{
+    font-size: 110%;
+    font-family: "Segoe UI" , "Open Sans" , "Segoe UI" , sans-serif;
+    color: lightgrey;
+}
+
 .jquery-tabs
 {
     margin-top: 10px;
 }
 
-.ui-button .ui-state-default{
+.ui-button .ui-state-default
+{
     background: none;
 }
 

NzbDrone.Web/Scripts/NzbDrone/AutoComplete.js

@@ -65,7 +65,7 @@ function bindSeriesAutoComplete(selector) {
 	    .data("autocomplete")._renderItem = function (ul, item) {
 	        return $("<li></li>")
 			.data("item.autocomplete", item)
-			.append("<a><div class=seriesLookupTitle>" + item.DisplayedTitle + "</div></a>")
+			.append("<a>" + item.DisplayedTitle + "</a>")
 			.appendTo(ul);
 	    };
     });

NzbDrone.Web/Views/AddSeries/ExistingSeries.cshtml

@@ -8,9 +8,9 @@
 
 @if (Model.ExistingSeries.Count == 0)
 {
-    <h3 style="color: tomato">
+    <h2 style="color: tomato">
         No series available. Try adding a new Root Folder.
-    </h3>
+    </h2>
 }
 else
 {

NzbDrone.Web/Views/AddSeries/Index.cshtml

@@ -37,16 +37,7 @@
 		overflow-x: hidden;
     }
     
-    .seriesLookup.ui-autocomplete-loading {
+  
-         background: white url('../../Content/Images/ajax-loader.gif') 99% center no-repeat;
-         background-size: 18px 18px
-    }
-    
-    .ui-autocomplete .seriesLookupTitle{
-        font-size: 110%;
-        font-family: "Segoe UI", "Open Sans", "Segoe UI", sans-serif;
-        color: lightgrey;
-    }
 
 </style>
 }