[web] Remove custom CSS styles in favour of standard Bulma styles.

In order to reduce maintenance efforts, custom styles are removed whenever possible.

web-src/src/components/NavbarBottom.vue

@@ -126,14 +126,14 @@
             </div>
           </div>
           <!-- Outputs: master volume -->
-          <hr class="fd-navbar-divider" />
+          <hr class="my-3" />
           <navbar-item-output
             v-for="output in outputs"
             :key="output.id"
             :output="output"
           />
           <!-- Outputs: stream volume -->
-          <hr class="fd-navbar-divider" />
+          <hr class="my-3" />
           <div class="navbar-item">
             <div class="level is-mobile">
               <div class="level-left is-flex-grow-1">
@@ -182,7 +182,7 @@
             </div>
           </div>
           <!-- Playback controls -->
-          <hr class="fd-navbar-divider" />
+          <hr class="my-3" />
           <div class="navbar-item is-justify-content-center">
             <div class="level">
               <div class="level-item">
@@ -212,7 +212,7 @@
             <player-button-consume class="button" :icon_size="18" />
           </div>
         </div>
-        <hr class="fd-navbar-divider" />
+        <hr class="my-3" />
         <!-- Outputs: master volume -->
         <div class="navbar-item">
           <div class="level is-mobile">
@@ -249,7 +249,7 @@
           :output="output"
         />
         <!-- Outputs: stream volume -->
-        <hr class="fd-navbar-divider" />
+        <hr class="my-3" />
         <div class="navbar-item mb-5">
           <div class="level is-mobile">
             <div class="level-left is-flex-grow-1">

web-src/src/components/NavbarTop.vue

@@ -64,25 +64,25 @@
             </navbar-item-link>
             <navbar-item-link to="/music/artists">
               <span
-                class="fd-navbar-item-level2"
+                class="pl-5"
                 v-text="$t('navigation.artists')"
               />
             </navbar-item-link>
             <navbar-item-link to="/music/albums">
               <span
-                class="fd-navbar-item-level2"
+                class="pl-5"
                 v-text="$t('navigation.albums')"
               />
             </navbar-item-link>
             <navbar-item-link to="/music/genres">
               <span
-                class="fd-navbar-item-level2"
+                class="pl-5"
                 v-text="$t('navigation.genres')"
               />
             </navbar-item-link>
             <navbar-item-link v-if="spotify_enabled" to="/music/spotify">
               <span
-                class="fd-navbar-item-level2"
+                class="pl-5"
                 v-text="$t('navigation.spotify')"
               />
             </navbar-item-link>
@@ -106,7 +106,7 @@
               <mdicon class="icon" name="magnify" size="16" />
               <b v-text="$t('navigation.search')" />
             </navbar-item-link>
-            <hr class="fd-navbar-divider" />
+            <hr class="my-3" />
             <navbar-item-link to="/settings/webinterface">{{
               $t('navigation.settings')
             }}</navbar-item-link>

web-src/src/mystyles.scss

@@ -165,17 +165,6 @@ a.navbar-item {
   max-height: calc(100vh - 200px);
   overflow: auto;
 }
-.fd-modal-card .card {
-  margin-left: 16px;
-  margin-right: 16px;
-}
-
-.navbar-item .fd-navbar-item-level2 {
-  padding-left: 1.5rem;
-}
-hr.fd-navbar-divider {
-  margin: 12px 0;
-}
 
 /* Show scrollbar for navbar menu in desktop mode if content exceeds the screen size */
 @media only screen and (min-width: 1024px) {