[media UI] Fixed player selector style after Dropdown component changes.

platypush/backend/http/webapp/src/components/panels/Media/Players.vue

@@ -1,4 +1,5 @@
 <template>
+  <div class="media-players">
     <div class="plugins">
       <Chromecast :player="selectedPlayer?.pluginName === 'media.chromecast' ? selectedPlayer : null"
                   ref="chromecastPlugin" @status="$emit('status', $event)" />
@@ -32,6 +33,7 @@
         </div>
       </Dropdown>
     </div>
+  </div>
 </template>
 
 <script>
@@ -108,35 +110,28 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.plugins {
+<style lang="scss">
+.media-players {
+  .plugins {
     display: none;
-}
+  }
 
-.no-results {
+  .no-results {
     padding: 1em;
+  }
 }
 
-.players {
-  :deep(.dropdown) {
-    direction: ltr;
-    .item {
-      padding: .5em;
-    }
-
-    .icon {
-      margin-right: 1em !important;
-    }
-  }
-
-  :deep(.refresh) {
+.dropdown-container {
+  .refresh {
     font-weight: bold;
     font-size: .8em;
     opacity: .7;
   }
 
-  :deep(.player.selected) {
+  .player.selected {
+    .item {
       color: $selected-fg;
     }
+  }
 }
 </style>