Correct some responsive problems and visual bug

src/main/resources/static/js/music.js

@@ -27,7 +27,6 @@ $(document).ready(function() {
         btn_add = $('#add_btn');
         switchAutoFlow = $("#autoflow");
 
-        $('.tooltipped').tooltip();
         setInterval("getCurentMusic()", 1000);
         $('#modalAdd').modal();
 

src/main/resources/static/js/navabar.js

@@ -11,6 +11,7 @@ var nav_name;
 
 
 $(document).ready(function() {
+    $('.tooltipped').tooltip();
     $('#nav-mobile').sidenav({
         menuWidth: 400, // Default is 300
         edge: 'left', // Choose the horizontal origin

src/main/resources/templates/header.html

@@ -159,8 +159,8 @@
     <div id="modal_guild" class="modal">
         <div class="modal-content" style="padding-bottom: 0px">
             <div class="row" style="margin-bottom: 0px">
-                <h3 class="col s12 center">Guild Selection</h3>
-                <div class="col offset-s4 s4 center">
+                <h3 class="col l12 m12 s12 center">Guild Selection</h3>
+                <div class="col l4 offset-l4 m8 offset-m4 offset-s3 s8 center">
                     <form id="guild_form" action="#" class="left-align">
                     </form>
                 </div>