adds tooltips

css/css.css

@@ -44,4 +44,5 @@ span .btn:before {
 span .btn:hover:before, span .btn:focus:before, span .btn:active:before {
   -webkit-transform: scale(1.3) translateZ(0);
   transform: scale(1.3) translateZ(0);
-}
+}
+

index.html

@@ -39,7 +39,7 @@
       <div class="well col-md-6 col-md-offset-1">
           <h3>What do you want to do?</h3>
           <h5>Select from the following.</h5>
-              <span id="show_display_info"><button type="button" class="btn btn-default">Display Info</button></span>
+              <span id="show_display_info"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Displays information about a media file">Display Info</button></span>
 
               <span id="show_add_subtitles"><button type="button" class="btn btn-default">Add subtitles track</button></span>
 

js/forms.js

@@ -8,6 +8,10 @@ function showLess(){
     document.getElementById('less').style.display  = 'none';
 }
 
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+})
+
 $(document).ready(function() {
 
   $( ".reload" ).click(function() {