Fixed controls overflowing because of too large image in queue mode

front/src/components/Queue.vue

@@ -34,19 +34,17 @@
                     <translate translate-context="Sidebar/Player/Error message.Paragraph">You may have a connectivity issue.</translate>
                   </p>
                 </div>
-                <div class="additional-controls">
+                <div class="additional-controls tablet-and-below">
                   <track-favorite-icon
-                    class="tablet-and-below"
                     v-if="$store.state.auth.authenticated"
                     :track="currentTrack"></track-favorite-icon>
                   <track-playlist-icon
-                    class="tablet-and-below"
                     v-if="$store.state.auth.authenticated"
                     :track="currentTrack"></track-playlist-icon>
                   <button
                     v-if="$store.state.auth.authenticated"
                     @click="$store.dispatch('moderation/hide', {type: 'artist', target: currentTrack.artist})"
-                    :class="['ui', 'really', 'basic', 'circular', 'icon', 'button', 'tablet-and-below']"
+                    :class="['ui', 'really', 'basic', 'circular', 'icon', 'button']"
                     :aria-label="labels.addArtistContentFilter"
                     :title="labels.addArtistContentFilter">
                     <i :class="['eye slash outline', 'basic', 'icon']"></i>

front/src/style/components/_queue.scss

@@ -137,6 +137,10 @@
     bottom: 0;
     top: 0;
     width: 32%;
+    > img {
+      height: 50vh;
+      width: 50vh;
+    }
     @include media("<desktop") {
       padding: 0.5em;
       font-size: 1.5em;
@@ -148,7 +152,7 @@
         max-height: 50vh;
       }
     }
-    > *:not(.image) {
+    > *:not(.image):not(img) {
       width: 100%;
     }
     h1 {