Small music player tweaks

assets/sass/pages/_music.sass

@@ -50,15 +50,9 @@
     text-decoration: none
     +transition(color, 200ms)
 
-#music-player-card
+#music-player
-  .mejs-container
   width: 100%
 
-  .mejs-container,
-  .mejs-mediaelement,
-  .mejs-controls
-    background: transparent
-
 .album-art
   width: 100%
 

public/css/main.css

@@ -670,12 +670,8 @@ body {
     -moz-transition: color, 200ms;
     transition: color, 200ms; }
 
-#music-player-card .mejs-container {
+#music-player {
   width: 100%; }
-#music-player-card .mejs-container,
-#music-player-card .mejs-mediaelement,
-#music-player-card .mejs-controls {
-  background: transparent; }
 
 .album-art {
   width: 100%; }

public/js/music.js

@@ -3,6 +3,9 @@ var player = '';
 $(document).ready(function() {
   player = $('#music-player').get(0);
 
+  // set the player's volume to 0.5 by default
+  player.volume = 0.5;
+
   // on music track click
   $('.now-playing-list').on('click', '.music-track', function() {
     // change selected track