Minor UI enhancements to player queue (more visible progress on bottom player, easier to click buttons)

front/src/App.vue

@@ -389,6 +389,9 @@ export default {
   z-index: 999999;
   width: 100%;
   width: 100vw;
+  .ui.top.attached.progress {
+    top: 0;
+  }
 }
 #app.queue-focused {
   .queue-not-focused {
@@ -544,7 +547,7 @@ export default {
         justify-content: flex-start;
       }
       > * {
-        margin: 0 0.5em;
+        padding: 0.5em;
       }
     }
     &.player-controls {

front/src/components/audio/Player.vue

@@ -643,7 +643,7 @@ export default {
       progress: "player/progress"
     }),
     updateProgressThrottled () {
-      return _.throttle(this.updateProgress, 250)
+      return _.throttle(this.updateProgress, 50)
     },
     labels() {
       let audioPlayer = this.$pgettext('Sidebar/Player/Hidden text', "Media player")
@@ -816,13 +816,17 @@ export default {
 .fake-dropdown {
   border: 1px solid gray;
   border-radius: 3px;
-  padding: 0.5em;
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-width: 10em;
+  > * {
+    padding: 0.5em;
+
+  }
   .position.control {
-    margin-right: 1em;
+    padding-right: 1em;
+    flex-grow: 1;
   }
   .angle.icon {
     margin-right: 0;