From 7a0178cae6ede4053e9e3dca4ef6cd4cebf04c96 Mon Sep 17 00:00:00 2001
From: ferferga <ferferga.fer@gmail.com>
Date: Sun, 26 Apr 2020 14:54:40 +0200
Subject: [PATCH 1/4] Change menu icon to vertical one

---
 src/components/apphost.js                                  | 2 +-
 src/components/cardbuilder/cardBuilder.js                  | 6 +++---
 src/components/guide/tvguide.template.html                 | 2 +-
 src/components/metadataeditor/metadataeditor.template.html | 2 +-
 src/controllers/dashboard/plugins/installed.js             | 2 +-
 src/controllers/devices.js                                 | 2 +-
 src/controllers/livetvstatus.js                            | 4 ++--
 src/controllers/medialibrarypage.js                        | 2 +-
 src/controllers/userprofilespage.js                        | 4 ++--
 src/list.html                                              | 4 ++--
 10 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/apphost.js b/src/components/apphost.js
index 6d7e857c3..3cb18dc7a 100644
--- a/src/components/apphost.js
+++ b/src/components/apphost.js
@@ -370,7 +370,7 @@ define(["appSettings", "browser", "events", "htmlMediaHelper", "webSettings"], f
             return -1 !== supportedFeatures.indexOf(command.toLowerCase());
         },
         preferVisualCards: browser.android || browser.chrome,
-        moreIcon: browser.android ? "more_vert" : "more_horiz",
+        moreIcon: browser.android ? "more_vert" : "more_vert",
         getSyncProfile: getSyncProfile,
         getDefaultLayout: function () {
             if (window.NativeShell) {
diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js
index a4cf6edad..f875e8e80 100644
--- a/src/components/cardbuilder/cardBuilder.js
+++ b/src/components/cardbuilder/cardBuilder.js
@@ -869,7 +869,7 @@ import 'programStyles';
             if (isOuterFooter && options.cardLayout && layoutManager.mobile) {
 
                 if (options.cardFooterAside !== 'none') {
-                    html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions cardText-secondary" data-action="menu"><i class="material-icons more_horiz"></i></button>';
+                    html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions cardText-secondary" data-action="menu"><i class="material-icons more_vert"></i></button>';
                 }
             }
 
@@ -1426,7 +1426,7 @@ import 'programStyles';
                 }
 
                 if (options.overlayMoreButton) {
-                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="material-icons cardOverlayButtonIcon more_horiz"></i></button>';
+                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="material-icons cardOverlayButtonIcon more_vert"></i></button>';
                 }
             }
 
@@ -1580,7 +1580,7 @@ import 'programStyles';
                 html += '<button is="emby-ratingbutton" type="button" data-action="none" class="' + btnCssClass + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-likes="' + likes + '" data-isfavorite="' + (userData.IsFavorite) + '"><i class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover">favorite</i></button>';
             }
 
-            html += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover more_horiz"></i></button>';
+            html += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover more_vert"></i></button>';
 
             html += '</div>';
             html += '</div>';
diff --git a/src/components/guide/tvguide.template.html b/src/components/guide/tvguide.template.html
index ef3c4b58c..1babf5aac 100644
--- a/src/components/guide/tvguide.template.html
+++ b/src/components/guide/tvguide.template.html
@@ -10,7 +10,7 @@
     <div class="guide-headerTimeslots">
         <div class="guide-channelTimeslotHeader">
             <button is="paper-icon-button-light" type="button" class="btnGuideViewSettings">
-                <i class="material-icons btnGuideViewSettingsIcon more_horiz"></i>
+                <i class="material-icons btnGuideViewSettingsIcon more_vert"></i>
             </button>
         </div>
         <div class="timeslotHeaders scrollX guideScroller"></div>
diff --git a/src/components/metadataeditor/metadataeditor.template.html b/src/components/metadataeditor/metadataeditor.template.html
index 8e36a824b..246757768 100644
--- a/src/components/metadataeditor/metadataeditor.template.html
+++ b/src/components/metadataeditor/metadataeditor.template.html
@@ -9,7 +9,7 @@
             <span>${Save}</span>
         </button>
         <button is="paper-icon-button-light" class="btnMore autoSize" tabindex="-1">
-            <i class="material-icons more_horiz"></i>
+            <i class="material-icons more_vert"></i>
         </button>
     </div>
 </div>
diff --git a/src/controllers/dashboard/plugins/installed.js b/src/controllers/dashboard/plugins/installed.js
index c381b2409..d87413bb5 100644
--- a/src/controllers/dashboard/plugins/installed.js
+++ b/src/controllers/dashboard/plugins/installed.js
@@ -54,7 +54,7 @@ define(["loading", "libraryMenu", "dom", "globalize", "cardStyle", "emby-button"
         html += "</div>";
         html += '<div class="cardFooter">';
         html += '<div style="text-align:right; float:right;padding-top:5px;">';
-        html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><i class="material-icons more_horiz"></i></button>';
+        html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><i class="material-icons more_vert"></i></button>';
         html += "</div>";
         html += "<div class='cardText'>";
         html += configPage ? configPage.DisplayName || plugin.Name : plugin.Name;
diff --git a/src/controllers/devices.js b/src/controllers/devices.js
index 8dd665f7f..7401e17c0 100644
--- a/src/controllers/devices.js
+++ b/src/controllers/devices.js
@@ -89,7 +89,7 @@ define(["loading", "dom", "libraryMenu", "globalize", "scripts/imagehelper", "da
 
             if (canEdit || canDelete(device.Id)) {
                 deviceHtml += '<div style="text-align:right; float:right;padding-top:5px;">';
-                deviceHtml += '<button type="button" is="paper-icon-button-light" data-id="' + device.Id + '" title="' + globalize.translate("Menu") + '" class="btnDeviceMenu"><i class="material-icons more_horiz"></i></button>';
+                deviceHtml += '<button type="button" is="paper-icon-button-light" data-id="' + device.Id + '" title="' + globalize.translate("Menu") + '" class="btnDeviceMenu"><i class="material-icons more_vert"></i></button>';
                 deviceHtml += "</div>";
             }
 
diff --git a/src/controllers/livetvstatus.js b/src/controllers/livetvstatus.js
index aee5876a4..adc436070 100644
--- a/src/controllers/livetvstatus.js
+++ b/src/controllers/livetvstatus.js
@@ -30,7 +30,7 @@ define(["jQuery", "globalize", "scripts/taskbutton", "dom", "libraryMenu", "layo
         html += "</div>";
         html += "</div>";
         html += '<div class="cardFooter visualCardBox-cardFooter">';
-        html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions autoSize" data-action="menu"><i class="material-icons more_horiz"></i></button>';
+        html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions autoSize" data-action="menu"><i class="material-icons more_vert"></i></button>';
         html += '<div class="cardText">' + (device.FriendlyName || getTunerName(device.Type)) + "</div>";
         html += '<div class="cardText cardText-secondary">';
         html += device.Url || "&nbsp;";
@@ -112,7 +112,7 @@ define(["jQuery", "globalize", "scripts/taskbutton", "dom", "libraryMenu", "layo
                 html += "</div>";
                 html += "</a>";
                 html += "</div>";
-                html += '<button type="button" is="paper-icon-button-light" class="btnOptions" data-id="' + provider.Id + '"><i class="material-icons listItemAside more_horiz"></i></button>';
+                html += '<button type="button" is="paper-icon-button-light" class="btnOptions" data-id="' + provider.Id + '"><i class="material-icons listItemAside more_vert"></i></button>';
                 html += "</div>";
             }
 
diff --git a/src/controllers/medialibrarypage.js b/src/controllers/medialibrarypage.js
index d838c2145..b94c8600f 100644
--- a/src/controllers/medialibrarypage.js
+++ b/src/controllers/medialibrarypage.js
@@ -298,7 +298,7 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl
 
         if (virtualFolder.showMenu !== false) {
             html += '<div style="text-align:right; float:right;padding-top:5px;">';
-            html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><i class="material-icons more_horiz"></i></button>';
+            html += '<button type="button" is="paper-icon-button-light" class="btnCardMenu autoSize"><i class="material-icons more_vert"></i></button>';
             html += "</div>";
         }
 
diff --git a/src/controllers/userprofilespage.js b/src/controllers/userprofilespage.js
index 180d0e62a..90609fa06 100644
--- a/src/controllers/userprofilespage.js
+++ b/src/controllers/userprofilespage.js
@@ -115,7 +115,7 @@ define(["loading", "dom", "globalize", "date-fns", "dfnshelper", "paper-icon-but
         html += '<div class="flex-grow" style="overflow:hidden;text-overflow:ellipsis;">';
         html += user.Name;
         html += "</div>";
-        html += '<button type="button" is="paper-icon-button-light" class="btnUserMenu flex-shrink-zero"><i class="material-icons more_horiz"></i></button>';
+        html += '<button type="button" is="paper-icon-button-light" class="btnUserMenu flex-shrink-zero"><i class="material-icons more_vert"></i></button>';
         html += "</div>";
         html += '<div class="cardText cardText-secondary">';
         var lastSeen = getLastSeenText(user.LastActivityDate);
@@ -189,7 +189,7 @@ define(["loading", "dom", "globalize", "date-fns", "dfnshelper", "paper-icon-but
         html += "</div>";
         html += '<div class="cardFooter visualCardBox-cardFooter">';
         html += '<div class="cardText" style="text-align:right; float:right;padding:0;">';
-        html += '<button type="button" is="paper-icon-button-light" class="btnUserMenu"><i class="material-icons more_horiz"></i></button>';
+        html += '<button type="button" is="paper-icon-button-light" class="btnUserMenu"><i class="material-icons more_vert"></i></button>';
         html += "</div>";
         html += '<div class="cardText" style="padding-top:10px;padding-bottom:10px;">';
         html += user.UserName;
diff --git a/src/list.html b/src/list.html
index 375653c12..48214df35 100644
--- a/src/list.html
+++ b/src/list.html
@@ -42,10 +42,10 @@
                 <i class="material-icons filter_list"></i>
             </button>
             <button is="emby-button" class="btnViewSettings button-flat listTextButton-autohide">
-                <i class="material-icons more_horiz"></i>
+                <i class="material-icons more_vert"></i>
             </button>
             <button is="paper-icon-button-light" class="btnViewSettings listIconButton-autohide">
-                <i class="material-icons more_horiz"></i>
+                <i class="material-icons more_vert"></i>
             </button>
         </div>
         <div is="emby-itemscontainer" class="vertical-wrap itemsContainer centered" style="padding: 0 0 10vh 0;">

From 1b0a5e254385f83ef508aa88c6f52bacaff2beca Mon Sep 17 00:00:00 2001
From: ferferga <ferferga.fer@gmail.com>
Date: Wed, 29 Apr 2020 23:55:26 +0200
Subject: [PATCH 2/4] Replace horizontal icon using unicode and remove
 unnecessary statement in apphost

---
 src/components/apphost.js                 | 1 -
 src/components/listview/listview.js       | 2 +-
 src/components/multiselect/multiselect.js | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/apphost.js b/src/components/apphost.js
index 3cb18dc7a..7c2c59a5e 100644
--- a/src/components/apphost.js
+++ b/src/components/apphost.js
@@ -370,7 +370,6 @@ define(["appSettings", "browser", "events", "htmlMediaHelper", "webSettings"], f
             return -1 !== supportedFeatures.indexOf(command.toLowerCase());
         },
         preferVisualCards: browser.android || browser.chrome,
-        moreIcon: browser.android ? "more_vert" : "more_vert",
         getSyncProfile: getSyncProfile,
         getDefaultLayout: function () {
             if (window.NativeShell) {
diff --git a/src/components/listview/listview.js b/src/components/listview/listview.js
index 532ba094a..76fda7a0c 100644
--- a/src/components/listview/listview.js
+++ b/src/components/listview/listview.js
@@ -426,7 +426,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
 
             html += '<div class="' + cssClass + '">';
 
-            var moreIcon = '&#xE5D3;';
+            var moreIcon = '&#xe5d4';
 
             html += getTextLinesHtml(textlines, isLargeStyle);
 
diff --git a/src/components/multiselect/multiselect.js b/src/components/multiselect/multiselect.js
index b4fa87c8a..8a41e86af 100644
--- a/src/components/multiselect/multiselect.js
+++ b/src/components/multiselect/multiselect.js
@@ -129,7 +129,7 @@ define(["browser", "appStorage", "apphost", "loading", "connectionManager", "glo
             html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><i class="material-icons">close</i></button>';
             html += '<h1 class="itemSelectionCount"></h1>';
 
-            var moreIcon = "&#xE5D3;";
+            var moreIcon = '&#xe5d4';
             html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><i class="material-icons">' + moreIcon + '</i></button>';
 
             selectionCommandsPanel.innerHTML = html;

From 8b71ebc35f40375037fb8b075d215cfdfaff08ba Mon Sep 17 00:00:00 2001
From: ferferga <ferferga.fer@gmail.com>
Date: Thu, 30 Apr 2020 00:05:44 +0200
Subject: [PATCH 3/4] more_vert in itemdetailpage.js

---
 src/controllers/itemdetailpage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/controllers/itemdetailpage.js b/src/controllers/itemdetailpage.js
index e9242c511..992b86e4e 100644
--- a/src/controllers/itemdetailpage.js
+++ b/src/controllers/itemdetailpage.js
@@ -2078,7 +2078,7 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "userSetti
         bindAll(view, ".btnCancelTimer", "click", onCancelTimerClick);
         bindAll(view, ".btnDeleteItem", "click", onDeleteClick);
         bindAll(view, ".btnDownload", "click", onDownloadClick);
-        view.querySelector(".btnMoreCommands i").innerHTML = "&#xE5D3;";
+        view.querySelector(".btnMoreCommands i").innerHTML = "&#xe5d4;";
         view.querySelector(".trackSelections").addEventListener("submit", onTrackSelectionsSubmit);
         view.querySelector(".btnSplitVersions").addEventListener("click", function () {
             splitVersions(self, view, apiClient, params);

From 6a596bd4973f7d0ebe8a1c2ae8d1081dca0776a6 Mon Sep 17 00:00:00 2001
From: ferferga <ferferga.fer@gmail.com>
Date: Sat, 16 May 2020 18:07:32 +0200
Subject: [PATCH 4/4] Fix merge conflicts

---
 src/components/apphost.js                                  | 1 -
 src/components/cardbuilder/cardBuilder.js                  | 6 +++---
 src/components/guide/tvguide.template.html                 | 2 +-
 src/components/listview/listview.js                        | 2 +-
 src/components/metadataeditor/metadataeditor.template.html | 2 +-
 src/components/multiselect/multiselect.js                  | 2 +-
 src/controllers/livetvstatus.js                            | 4 ++--
 src/controllers/userprofilespage.js                        | 2 +-
 src/itemdetails.html                                       | 2 +-
 src/list.html                                              | 4 ++--
 10 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/components/apphost.js b/src/components/apphost.js
index 75e8ba17f..7b044d5d3 100644
--- a/src/components/apphost.js
+++ b/src/components/apphost.js
@@ -359,7 +359,6 @@ define(['appSettings', 'browser', 'events', 'htmlMediaHelper', 'webSettings', 'g
             return -1 !== supportedFeatures.indexOf(command.toLowerCase());
         },
         preferVisualCards: browser.android || browser.chrome,
-        moreIcon: browser.android ? 'more_vert' : 'more_horiz',
         getSyncProfile: getSyncProfile,
         getDefaultLayout: function () {
             if (window.NativeShell) {
diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js
index 43ca28f01..d4d4d7f73 100644
--- a/src/components/cardbuilder/cardBuilder.js
+++ b/src/components/cardbuilder/cardBuilder.js
@@ -869,7 +869,7 @@ import 'programStyles';
             if (isOuterFooter && options.cardLayout && layoutManager.mobile) {
 
                 if (options.cardFooterAside !== 'none') {
-                    html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions cardText-secondary" data-action="menu"><span class="material-icons more_horiz"></span></button>';
+                    html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions cardText-secondary" data-action="menu"><span class="material-icons more_vert"></span></button>';
                 }
             }
 
@@ -1426,7 +1426,7 @@ import 'programStyles';
                 }
 
                 if (options.overlayMoreButton) {
-                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><span class="material-icons cardOverlayButtonIcon more_horiz"></span></button>';
+                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><span class="material-icons cardOverlayButtonIcon more_vert"></span></button>';
                 }
             }
 
@@ -1580,7 +1580,7 @@ import 'programStyles';
                 html += '<button is="emby-ratingbutton" type="button" data-action="none" class="' + btnCssClass + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-likes="' + likes + '" data-isfavorite="' + (userData.IsFavorite) + '"><span class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover favorite"></span></button>';
             }
 
-            html += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><span class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover more_horiz"></span></button>';
+            html += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><span class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover more_vert"></span></button>';
 
             html += '</div>';
             html += '</div>';
diff --git a/src/components/guide/tvguide.template.html b/src/components/guide/tvguide.template.html
index 367aac6c1..730de5590 100644
--- a/src/components/guide/tvguide.template.html
+++ b/src/components/guide/tvguide.template.html
@@ -10,7 +10,7 @@
     <div class="guide-headerTimeslots">
         <div class="guide-channelTimeslotHeader">
             <button is="paper-icon-button-light" type="button" class="btnGuideViewSettings" title="${ButtonMore}">
-                <span class="material-icons btnGuideViewSettingsIcon more_horiz" aria-hidden="true"></span>
+                <span class="material-icons btnGuideViewSettingsIcon more_vert" aria-hidden="true"></span>
             </button>
         </div>
         <div class="timeslotHeaders scrollX guideScroller"></div>
diff --git a/src/components/listview/listview.js b/src/components/listview/listview.js
index 0743b3528..587355b35 100644
--- a/src/components/listview/listview.js
+++ b/src/components/listview/listview.js
@@ -426,7 +426,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
 
             html += '<div class="' + cssClass + '">';
 
-            const moreIcon = 'more_horiz';
+            const moreIcon = 'more_vert';
 
             html += getTextLinesHtml(textlines, isLargeStyle);
 
diff --git a/src/components/metadataeditor/metadataeditor.template.html b/src/components/metadataeditor/metadataeditor.template.html
index 39894d4f6..784582428 100644
--- a/src/components/metadataeditor/metadataeditor.template.html
+++ b/src/components/metadataeditor/metadataeditor.template.html
@@ -9,7 +9,7 @@
             <span>${Save}</span>
         </button>
         <button is="paper-icon-button-light" class="btnMore autoSize" tabindex="-1">
-            <span class="material-icons more_horiz"></span>
+            <span class="material-icons more_vert"></span>
         </button>
     </div>
 </div>
diff --git a/src/components/multiselect/multiselect.js b/src/components/multiselect/multiselect.js
index 70a0924bc..6a22e5509 100644
--- a/src/components/multiselect/multiselect.js
+++ b/src/components/multiselect/multiselect.js
@@ -129,7 +129,7 @@ define(['browser', 'appStorage', 'apphost', 'loading', 'connectionManager', 'glo
             html += '<button is="paper-icon-button-light" class="btnCloseSelectionPanel autoSize"><span class="material-icons close"></span></button>';
             html += '<h1 class="itemSelectionCount"></h1>';
 
-            const moreIcon = 'more_horiz';
+            const moreIcon = 'more_vert';
             html += '<button is="paper-icon-button-light" class="btnSelectionPanelOptions autoSize" style="margin-left:auto;"><span class="material-icons ' + moreIcon + '"></span></button>';
 
             selectionCommandsPanel.innerHTML = html;
diff --git a/src/controllers/livetvstatus.js b/src/controllers/livetvstatus.js
index 053e5d3d4..737d49496 100644
--- a/src/controllers/livetvstatus.js
+++ b/src/controllers/livetvstatus.js
@@ -30,7 +30,7 @@ define(['jQuery', 'globalize', 'scripts/taskbutton', 'dom', 'libraryMenu', 'layo
         html += '</div>';
         html += '</div>';
         html += '<div class="cardFooter visualCardBox-cardFooter">';
-        html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions autoSize" data-action="menu"><span class="material-icons more_horiz"></span></button>';
+        html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions autoSize" data-action="menu"><span class="material-icons more_vert"></span></button>';
         html += '<div class="cardText">' + (device.FriendlyName || getTunerName(device.Type)) + '</div>';
         html += '<div class="cardText cardText-secondary">';
         html += device.Url || '&nbsp;';
@@ -112,7 +112,7 @@ define(['jQuery', 'globalize', 'scripts/taskbutton', 'dom', 'libraryMenu', 'layo
                 html += '</div>';
                 html += '</a>';
                 html += '</div>';
-                html += '<button type="button" is="paper-icon-button-light" class="btnOptions" data-id="' + provider.Id + '"><span class="material-icons listItemAside more_horiz"></span></button>';
+                html += '<button type="button" is="paper-icon-button-light" class="btnOptions" data-id="' + provider.Id + '"><span class="material-icons listItemAside more_vert"></span></button>';
                 html += '</div>';
             }
 
diff --git a/src/controllers/userprofilespage.js b/src/controllers/userprofilespage.js
index 6afda79c7..c691c665f 100644
--- a/src/controllers/userprofilespage.js
+++ b/src/controllers/userprofilespage.js
@@ -189,7 +189,7 @@ define(['loading', 'dom', 'globalize', 'date-fns', 'dfnshelper', 'paper-icon-but
         html += '</div>';
         html += '<div class="cardFooter visualCardBox-cardFooter">';
         html += '<div class="cardText" style="text-align:right; float:right;padding:0;">';
-        html += '<button type="button" is="paper-icon-button-light" class="btnUserMenu"><span class="material-icons more_horiz"></span></button>';
+        html += '<button type="button" is="paper-icon-button-light" class="btnUserMenu"><span class="material-icons more_vert"></span></button>';
         html += '</div>';
         html += '<div class="cardText" style="padding-top:10px;padding-bottom:10px;">';
         html += user.UserName;
diff --git a/src/itemdetails.html b/src/itemdetails.html
index 37f1432e2..4d5cab026 100644
--- a/src/itemdetails.html
+++ b/src/itemdetails.html
@@ -101,7 +101,7 @@
 
                 <button is="emby-button" type="button" class="button-flat btnMoreCommands hide detailButton">
                     <div class="detailButton-content">
-                        <span class="material-icons detailButton-icon more_horiz"></span>
+                        <span class="material-icons detailButton-icon more_vert"></span>
                         <div class="detailButton-text">${ButtonMore}</div>
                     </div>
                 </button>
diff --git a/src/list.html b/src/list.html
index efac2d891..464cd1553 100644
--- a/src/list.html
+++ b/src/list.html
@@ -42,10 +42,10 @@
                 <span class="material-icons filter_list"></span>
             </button>
             <button is="emby-button" class="btnViewSettings button-flat listTextButton-autohide">
-                <span class="material-icons more_horiz"></span>
+                <span class="material-icons more_vert"></span>
             </button>
             <button is="paper-icon-button-light" class="btnViewSettings listIconButton-autohide">
-                <span class="material-icons more_horiz"></span>
+                <span class="material-icons more_vert"></span>
             </button>
         </div>
         <div is="emby-itemscontainer" class="vertical-wrap itemsContainer centered" style="padding: 0 0 10vh 0;">