[web] Replace custom styles with standard Bulma styles

Wherever possible, out of the box Bulma styles are now used instead of custom defined ones.

web-src/src/components/NavbarBottom.vue

@@ -39,7 +39,7 @@
       <!-- Skip previous (not visible on "now playing" page) -->
       <player-button-previous
         v-if="is_now_playing_page"
-        class="navbar-item fd-margin-left-auto"
+        class="navbar-item ml-auto"
         :icon_size="24"
       />
       <player-button-seek-back
@@ -68,7 +68,7 @@
       />
       <!-- Player menu button (only visible on mobile and tablet) -->
       <a
-        class="navbar-item fd-margin-left-auto is-hidden-desktop"
+        class="navbar-item ml-auto is-hidden-desktop"
         @click="show_player_menu = !show_player_menu"
       >
         <span class="icon"
@@ -79,7 +79,7 @@
       </a>
       <!-- Player menu dropup menu (only visible on desktop) -->
       <div
-        class="navbar-item has-dropdown has-dropdown-up fd-margin-left-auto is-hidden-touch"
+        class="navbar-item has-dropdown has-dropdown-up ml-auto is-hidden-touch"
         :class="{ 'is-active': show_player_menu }"
       >
         <a

web-src/src/components/TabsSearch.vue

@@ -1,5 +1,5 @@
 <template>
-  <section v-if="spotify_enabled" class="section fd-remove-padding-bottom">
+  <section v-if="spotify_enabled" class="section pb-0">
     <div class="container">
       <div class="columns is-centered">
         <div class="column is-four-fifths">

web-src/src/mystyles.scss

@@ -62,10 +62,6 @@ a.navbar-item {
   flex-shrink: 1;
 }
 
-.fd-margin-left-auto {
-  margin-left: auto;
-}
-
 .fd-is-not-allowed {
   cursor: not-allowed;
 }
@@ -82,10 +78,6 @@ a.navbar-item {
   margin-bottom: 24px;
 }
 
-.fd-remove-padding-bottom {
-  padding-bottom: 0;
-}
-
 .fd-has-padding-left-right {
   padding-left: 24px;
   padding-right: 24px;
@@ -251,14 +243,6 @@ section.hero + section.fd-content {
   margin-right: 16px;
 }
 
-.dropdown-item a {
-  display: block;
-}
-
-.dropdown-item:hover {
-  background-color: hsl(0, 0%, 96%);
-}
-
 .navbar-item .fd-navbar-item-level2 {
   padding-left: 1.5rem;
 }

web-src/src/pages/PageSearch.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- Search field + recent searches -->
-    <section class="section fd-remove-padding-bottom">
+    <section class="section pb-0">
       <div class="container">
         <div class="columns is-centered">
           <div class="column is-four-fifths">

web-src/src/pages/SpotifyPageSearch.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- Search field + recent searches -->
-    <section class="section fd-remove-padding-bottom">
+    <section class="section pb-0">
       <div class="container">
         <div class="columns is-centered">
           <div class="column is-four-fifths">