Reduce overflow in playlist view (#3123)

* Prevent overflow on playlist view on small 📱displays

* Prevent transition of width on `.thumbnailImage`

* Expand styles to be responsive at more widths

src/renderer/scss-partials/_ft-list-item.scss

@@ -61,7 +61,7 @@ $watched-transition-duration: 0.5s;
 
     .thumbnailImage {
       opacity: 0.3;
-      transition-duration: $watched-transition-duration;
+      transition: opacity $watched-transition-duration;
     }
 
     &:hover .thumbnailImage,

src/renderer/views/Playlist/Playlist.css

@@ -39,6 +39,15 @@
   max-height: 7vh;
 }
 
+:deep(.videoThumbnail) {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+:deep(.thumbnailImage) {
+  max-width: 25vw;
+}
+
 @media only screen and (max-width: 850px) {
   .routerView {
     flex-direction: column;
@@ -56,4 +65,8 @@
     box-sizing: border-box;
     width: 100%;
   }
+
+  :deep(.thumbnailImage) {
+    max-width: 35vw;
+  }
 }