diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue index 76fd8abacb530b169b652f64a18f15a5e32f1851..6aaf04c42a0dd2ed0e7803f924e8adca719fe302 100644 --- a/front/src/components/Sidebar.vue +++ b/front/src/components/Sidebar.vue @@ -53,7 +53,7 @@ </div> </div> <div class="ui bottom attached tab" data-tab="queue"> - <table class="ui compact inverted very basic fixed single line table"> + <table class="ui compact inverted very basic fixed single line unstackable table"> <draggable v-model="queue.tracks" element="tbody" @update="reorder"> <tr @click="$store.dispatch('queue/currentIndex', index)" v-for="(track, index) in queue.tracks" :key="index" :class="[{'active': index === queue.currentIndex}]"> <td class="right aligned">{{ index + 1}}</td> diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue index 500f4dc1d2b09e26cf036b871f842ca608b81d3b..9388c2682914f5d3b0623c01eccee202c61d58e3 100644 --- a/front/src/components/audio/Player.vue +++ b/front/src/components/audio/Player.vue @@ -10,7 +10,7 @@ :track="currentTrack"> </audio-track> - <div v-if="currentTrack" class="track-area ui items"> + <div v-if="currentTrack" class="track-area ui unstackable items"> <div class="ui inverted item"> <div class="ui tiny image"> <img v-if="currentTrack.album.cover" :src="Track.getCover(currentTrack)"> diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue index 4c803b29cc704fbc7e05258bfe595ee9b6908d99..968b828a49df356baf3ab104edc6e7fa5c811bc5 100644 --- a/front/src/components/audio/album/Card.vue +++ b/front/src/components/audio/album/Card.vue @@ -14,7 +14,7 @@ </router-link> </div> <div class="description" v-if="mode === 'rich'"> - <table class="ui very basic fixed single line compact table"> + <table class="ui very basic fixed single line compact unstackable table"> <tbody> <tr v-for="track in tracks"> <td> diff --git a/front/src/components/audio/artist/Card.vue b/front/src/components/audio/artist/Card.vue index 8a02163fbb17258badb78fe6f4d133e5096f6749..9a82d6c8f315e09ab6d6ce2fb08c491ec31183e9 100644 --- a/front/src/components/audio/artist/Card.vue +++ b/front/src/components/audio/artist/Card.vue @@ -7,7 +7,7 @@ </router-link> </div> <div class="description"> - <table class="ui compact very basic fixed single line table"> + <table class="ui compact very basic fixed single line unstackable table"> <tbody> <tr v-for="album in albums"> <td> diff --git a/front/src/components/audio/track/Table.vue b/front/src/components/audio/track/Table.vue index 8a591d3bd05e9542484a2b8bf8ef9b931363a837..00bcf9f7de239ab6f54f1925d7550760aba95c23 100644 --- a/front/src/components/audio/track/Table.vue +++ b/front/src/components/audio/track/Table.vue @@ -1,5 +1,5 @@ <template> - <table class="ui compact very basic fixed single line table"> + <table class="ui compact very basic fixed single line unstackable table"> <thead> <tr> <th></th> diff --git a/front/src/components/library/import/BatchDetail.vue b/front/src/components/library/import/BatchDetail.vue index 621078b1503e870585a8f32af0f9a6363cdaf31c..417fd55c2bc6f208208bfb16963d6b1d4d6f5d44 100644 --- a/front/src/components/library/import/BatchDetail.vue +++ b/front/src/components/library/import/BatchDetail.vue @@ -17,7 +17,7 @@ <div v-if="batch.status === 'pending'" class="label">Importing {{ batch.jobs.length }} tracks...</div> <div v-if="batch.status === 'finished'" class="label">Imported {{ batch.jobs.length }} tracks!</div> </div> - <table class="ui table"> + <table class="ui unstackable table"> <thead> <tr> <th>Job ID</th> diff --git a/front/src/components/library/import/BatchList.vue b/front/src/components/library/import/BatchList.vue index 8133d8e212ebdfe09ead0ecf6d3d56c97c2f455f..de4fef554c5c4699ec1d501dbcbc471dc28d2379 100644 --- a/front/src/components/library/import/BatchList.vue +++ b/front/src/components/library/import/BatchList.vue @@ -12,7 +12,7 @@ :disabled="!nextLink">Next <i class="right arrow icon"></i></button> <div class="ui hidden clearing divider"></div> <div class="ui hidden clearing divider"></div> - <table v-if="results.length > 0" class="ui table"> + <table v-if="results.length > 0" class="ui unstackable table"> <thead> <tr> <th>ID</th>