[web] Remove specific styles

web-src/src/mystyles.scss

@@ -8,12 +8,6 @@
   padding-top: 0;
   background: var(--bulma-body-background-color);
   z-index: 20;
-  position: fixed;
-  width: 100%;
-}
-
-.is-full-height {
-  min-height: calc(100vh - calc(2 * var(--bulma-navbar-height)));
 }
 
 .is-disabled {
@@ -65,10 +59,6 @@
   position: fixed;
 }
 
-.hero-body {
-  padding: 1.5rem !important;
-}
-
 .dropdown-menu {
   @include mixins.mobile {
     width: 100vw;

web-src/src/pages/PageAlbum.vue

@@ -7,15 +7,12 @@
           <a @click="open_artist" v-text="album.artist" />
         </div>
         <div class="buttons is-centered-mobile mt-5">
-          <a
+          <a class="button is-small is-rounded" @click="play">
-            class="button has-background-light is-small is-rounded"
-            @click="play"
-          >
             <mdicon class="icon" name="shuffle" size="16" />
             <span v-text="$t('page.album.shuffle')" />
           </a>
           <a
-            class="button is-small has-background-light is-rounded"
+            class="button is-small is-rounded"
             @click="show_details_modal = true"
           >
             <mdicon class="icon" name="dots-horizontal" size="16" />

web-src/src/pages/PageNowPlaying.vue

@@ -193,3 +193,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.is-full-height {
+  min-height: calc(100vh - calc(2 * var(--bulma-navbar-height)));
+}
+</style>