fix placeholder message style

src/assets/css/librarybrowser.css

@@ -220,6 +220,12 @@
     left: 0;
 }
 
+.centerMessage {
+    margin: auto;
+    width: 30%;
+    text-align: center;
+}
+
 .layout-desktop .searchTabButton,
 .layout-mobile .searchTabButton,
 .layout-tv .headerSearchButton {

src/components/tabbedview/itemstab.js

@@ -104,24 +104,17 @@ define(['playbackManager', 'userSettings', 'alphaPicker', 'alphaNumericShortcuts
     }
 
     function showSortMenu() {
-
         var instance = this;
-
         require(['sortMenu'], function (SortMenu) {
-
             new SortMenu().show({
-
                 settingsKey: instance.getSettingsKey(),
                 settings: instance.getSortValues(),
                 onChange: instance.itemsContainer.refreshItems.bind(instance.itemsContainer),
                 serverId: instance.params.serverId,
                 sortOptions: instance.getSortMenuOptions()
-
             }).then(function () {
-
                 updateSortText(instance);
                 updateAlphaPickerState(instance);
-
                 instance.itemsContainer.refreshItems();
             });
         });

src/tv.html

@@ -45,11 +45,9 @@
     <div class="pageTabContent" id="upcomingTab" data-index="3">
         <div id="upcomingItems">
         </div>
-        <div class="noItemsMessage" style="display: none;">
-            <p>${MessageNothingHere}</p>
-            <p>
-                <a href="library.html">${MessagePleaseEnsureInternetMetadata}</a>
-            </p>
+        <div class="noItemsMessage centerMessage" style="display: none;">
+            <h1>${MessageNothingHere}</h1>
+            <p>${MessagePleaseEnsureInternetMetadata}</p>
         </div>
     </div>
     <div class="pageTabContent" id="genresTab" data-index="4">