Fix up next dialog on Chrome

src/components/upnextdialog/upnextdialog.css

@@ -1,25 +1,10 @@
 .upNextContainer {
-    box-sizing: border-box;
     position: fixed;
-    top: 0;
+    right: 0;
     bottom: 0;
-    left: 50%;
-    transform: translateX(-50%);
-    padding: 1em;
-    display: flex;
-    flex-grow: 1;
-    width: calc(100vh * (16 / 9));
-    height: 100vh;
-    justify-content: end;
-    align-items: flex-end;
-}
-
-.upNextDialog-container {
-    border-radius: 5px;
     width: 30em;
-    height: 11em;
+    padding: 1em;
-    left: auto;
+    margin: 0 2em 2em 0;
-    padding: 1%;
     display: flex;
     flex-direction: column;
     will-change: transform, opacity;
@@ -38,18 +23,18 @@
     font-weight: 500;
 }
 
-.upNextDialog-poster {
+.upNextDialog-nextVideoText,
-    display: none;
+.upNextDialog-title {
-    max-width: 40%;
+    width: 25.5em;
-    max-height: 15%;
+    white-space: nowrap;
-    position: relative;
+    overflow: hidden;
-    margin-right: 1em;
+    text-overflow: ellipsis;
-    flex-shrink: 0;
-    margin-bottom: 0.5em;
 }
 
 .upNextDialog-buttons {
+    width: 29.75em;
     justify-content: end;
+    align-content: flex-end;
 }
 
 .upNextDialog-button {
@@ -61,34 +46,4 @@
     .upNextDialog {
         flex-direction: row;
     }
-
-    .upNextDialog-poster {
-        max-width: initial;
-        max-height: initial;
-        width: 30%;
-        margin-bottom: 0;
-    }
-}
-
-@media all and (max-width: 50em) {
-    .upNextDialog-overview {
-        display: none !important;
-    }
-}
-
-.upNextDialog-poster-img {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: auto;
-    width: 100%;
-    box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
-    user-drag: none;
-    border: 0;
-    user-select: none;
-    -moz-user-select: none;
-    -webkit-user-drag: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
 }

src/components/upnextdialog/upnextdialog.js

@@ -17,7 +17,6 @@ import 'flexStyles';
     function getHtml() {
         let html = '';
 
-        html += '<div class="upNextDialog-container">';
         html += '<div class="flex flex-direction-column flex-grow">';
 
         html += '<h2 class="upNextDialog-nextVideoText" style="margin:.25em 0;">&nbsp;</h2>';
@@ -42,7 +41,6 @@ import 'flexStyles';
 
         // main
         html += '</div>';
-        html += '</div>';
 
         return html;
     }