[web] Remove useless style elements

web-src/src/pages/PageAlbum.vue

@@ -2,10 +2,10 @@
   <div>
     <content-with-hero>
       <template #heading-left>
-        <h1 class="title is-5" v-text="album.name" />
-        <h2 class="subtitle is-6 has-text-link">
+        <p class="title is-5" v-text="album.name" />
+        <p class="subtitle is-6 has-text-link">
           <a class="has-text-link" @click="open_artist" v-text="album.artist" />
-        </h2>
+        </p>
         <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="shuffle" size="16" />
@@ -104,5 +104,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageAlbumSpotify.vue

@@ -2,14 +2,14 @@
   <div>
     <content-with-hero>
       <template #heading-left>
-        <h1 class="title is-5" v-text="album.name" />
-        <h2 class="subtitle is-6 has-text-link">
+        <p class="title is-5" v-text="album.name" />
+        <p class="subtitle is-6 has-text-link">
           <a
             class="has-text-link"
             @click="open_artist"
             v-text="album.artists[0].name"
           />
-        </h2>
+        </p>
         <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="shuffle" size="16" />
@@ -127,5 +127,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageArtistSpotify.vue

@@ -140,5 +140,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageAudiobooksAlbum.vue

@@ -2,10 +2,10 @@
   <div>
     <content-with-hero>
       <template #heading-left>
-        <h1 class="title is-5" v-text="album.name" />
-        <h2 class="subtitle is-6 has-text-link">
+        <p class="title is-5" v-text="album.name" />
+        <p class="subtitle is-6 has-text-link">
           <a class="has-text-link" @click="open_artist" v-text="album.artist" />
-        </h2>
+        </p>
         <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="play" size="16" />
@@ -103,5 +103,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageAudiobooksAlbums.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-audiobooks />
     <content-with-heading>
       <template #options>
@@ -61,5 +61,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageAudiobooksArtists.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-audiobooks />
     <content-with-heading>
       <template #options>
@@ -12,7 +12,6 @@
           v-text="$t('page.audiobooks.artists.count', { count: artists.count })"
         />
       </template>
-      <template #heading-right />
       <template #content>
         <list-artists :items="artists" />
       </template>
@@ -62,5 +61,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageAudiobooksGenres.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-audiobooks />
     <content-with-heading>
       <template #options>
@@ -61,5 +61,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageComposers.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #options>
@@ -56,5 +56,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageFiles.vue

@@ -137,5 +137,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageGenreAlbums.vue

@@ -109,5 +109,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageGenres.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #options>
@@ -61,5 +61,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageMusic.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #heading-left>
@@ -95,5 +95,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageMusicRecentlyAdded.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #heading-left>
@@ -62,5 +62,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageMusicRecentlyPlayed.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #heading-left>
@@ -51,5 +51,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageMusicSpotify.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #heading-left>
@@ -102,5 +102,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageMusicSpotifyFeaturedPlaylists.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #heading-left>
@@ -60,5 +60,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageMusicSpotifyNewReleases.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-music />
     <content-with-heading>
       <template #heading-left>
@@ -57,5 +57,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageNowPlaying.vue

@@ -196,5 +196,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PagePlaylistFolder.vue

@@ -89,5 +89,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PagePlaylistTracks.vue

@@ -90,5 +90,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PagePlaylistTracksSpotify.vue

@@ -151,5 +151,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PagePodcast.vue

@@ -2,10 +2,10 @@
   <div>
     <content-with-hero>
       <template #heading-left>
-        <h1 class="title is-5" v-text="album.name" />
-        <h2 class="subtitle is-6">
+        <p class="title is-5" v-text="album.name" />
+        <p class="subtitle is-6">
           <br />
-        </h2>
+        </p>
         <div class="buttons fd-is-centered-mobile mt-5">
           <a class="button is-small is-dark is-rounded" @click="play">
             <mdicon class="icon" name="play" size="16" />
@@ -147,5 +147,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PagePodcasts.vue

@@ -145,5 +145,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageQueue.vue

@@ -51,12 +51,7 @@
         </div>
       </template>
       <template #content>
-        <draggable
-          v-model="queue_items"
-          handle=".handle"
-          item-key="id"
-          @end="move_item"
-        >
+        <draggable v-model="queue_items" item-key="id" @end="move_item">
           <template #item="{ element, index }">
             <list-item-queue-item
               :item="element"
@@ -208,5 +203,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageRadioStreams.vue

@@ -48,5 +48,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageSearchLibrary.vue

@@ -49,7 +49,7 @@
   </section>
   <tabs-search @search-library="search" @search-spotify="search_spotify" />
   <template v-for="[type, items] in results" :key="type">
-    <content-with-heading class="pt-0">
+    <content-with-heading>
       <template #heading-left>
         <p class="title is-4" v-text="$t(`page.search.${type}s`)" />
       </template>
@@ -226,5 +226,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageSearchSpotify.vue

@@ -32,7 +32,7 @@
   </section>
   <tabs-search @search-library="search_library" @search-spotify="search" />
   <template v-for="[type, items] in results" :key="type">
-    <content-with-heading class="pt-0">
+    <content-with-heading>
       <template #heading-left>
         <p class="title is-4" v-text="$t(`page.spotify.search.${type}s`)" />
       </template>
@@ -227,5 +227,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageSettingsArtwork.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-settings />
     <content-with-heading>
       <template #heading-left>
-        <div class="title is-4" v-text="$t('page.settings.artwork.artwork')" />
+        <p class="title is-4" v-text="$t('page.settings.artwork.artwork')" />
       </template>
       <template #content>
         <div
@@ -71,5 +71,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageSettingsOnlineServices.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-settings />
     <content-with-heading>
       <template #heading-left>
-        <div
+        <p
           class="title is-4"
           v-text="$t('page.settings.services.spotify.title')"
         />
@@ -62,7 +62,7 @@
     </content-with-heading>
     <content-with-heading>
       <template #heading-left>
-        <div
+        <p
           class="title is-4"
           v-text="$t('page.settings.services.lastfm.title')"
         />
@@ -204,5 +204,3 @@ export default {
   }
 }
 </script>
-
-<style></style>

web-src/src/pages/PageSettingsWebinterface.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="fd-page-with-tabs">
+  <div>
     <tabs-settings />
     <content-with-heading>
       <template #heading-left>
-        <div class="title is-4" v-text="$t('page.settings.general.language')" />
+        <p class="title is-4" v-text="$t('page.settings.general.language')" />
       </template>
       <template #content>
         <control-dropdown v-model:value="locale" :options="locales" />
@@ -11,8 +11,8 @@
     </content-with-heading>
     <content-with-heading>
       <template #heading-left>
-        <div
-          class="title is-4"
+        <p
+          class="title is-4 is-spaced"
           v-text="$t('page.settings.general.navigation-items')"
         />
       </template>
@@ -73,7 +73,7 @@
     </content-with-heading>
     <content-with-heading>
       <template #heading-left>
-        <div
+        <p
           class="title is-4"
           v-text="$t('page.settings.general.album-lists')"
         />
@@ -91,7 +91,7 @@
     </content-with-heading>
     <content-with-heading>
       <template #heading-left>
-        <div
+        <p
           class="title is-4"
           v-text="$t('page.settings.general.now-playing-page')"
         />
@@ -144,7 +144,7 @@
     </content-with-heading>
     <content-with-heading>
       <template #heading-left>
-        <div
+        <p
           class="title is-4"
           v-text="$t('page.settings.general.recently-added-page')"
         />
@@ -218,5 +218,3 @@ export default {
   }
 }
 </script>
-
-<style></style>