From 1b23895e81f135ae4b4e914cabfe07405d19ba91 Mon Sep 17 00:00:00 2001
From: dkanada <dkanada@users.noreply.github.com>
Date: Thu, 6 Feb 2020 03:14:17 +0900
Subject: [PATCH] fix placeholder message style

---
 src/assets/css/librarybrowser.css     | 6 ++++++
 src/components/tabbedview/itemstab.js | 7 -------
 src/tv.html                           | 8 +++-----
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css
index 8475b72b2f..9c6e532583 100644
--- a/src/assets/css/librarybrowser.css
+++ b/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 {
diff --git a/src/components/tabbedview/itemstab.js b/src/components/tabbedview/itemstab.js
index 33eddb6ec5..d430102f2a 100644
--- a/src/components/tabbedview/itemstab.js
+++ b/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();
             });
         });
diff --git a/src/tv.html b/src/tv.html
index 3c15b61b8b..0840652c77 100644
--- a/src/tv.html
+++ b/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">