| 
					
				 | 
			
			
				@@ -67,18 +67,21 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <button id="pause" title="Pause video" class="btn orange col m1 s1 l1" disabled> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <i class="material-icons">pause</i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 </button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <button id="forward" title="Go to the last 10 seconds of the video" class="btn blue col m1 s1 l1" disabled> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <button id="forward" title="Go to the last 10 seconds of the video" class="btn blue col m1 s1 l1" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        disabled> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <i class="material-icons">fast_forward</i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 </button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <form class="col m2 s2 l2" action="#"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     <p class="range-field" style="margin-top: 0"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <input type="range" id="volume_slider" min="0" max="100" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        <input type="range" id="volume_slider" min="0" max="100"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                     </p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 </form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div class="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <h4 class="center-align">Image Preview</h4> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <img id="song-preview" onerror="this.src='http://static.boredpanda.com/blog/wp-content/uploads/2014/04/amazing-fox-photos-182.jpg'" class="center-block" src="{{song_image}}"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <img id="song-preview" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                     onerror="this.src='http://static.boredpanda.com/blog/wp-content/uploads/2014/04/amazing-fox-photos-182.jpg'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                     class="center-block" src="{{song_image}}"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div class="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 <h4 class="center-align">Edit Info</h4> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -129,8 +132,14 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				                 </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div class="row"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <button type="button" id="get-spotify-info" class="btn btn-large col l6 m6 s10 offset-l3 offset-m3 offset-s1 waves-effect waves-light">Get Spotify Data</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <button type="button" id="save-song-button" class="btn btn-large col l6 m6 s10 offset-l3 offset-m3 offset-s1 waves-effect waves-light">Save Changes</button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <button type="button" id="get-spotify-info" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        class="btn btn-large col l6 m6 s10 offset-l3 offset-m3 offset-s1 waves-effect waves-light">Get 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    Spotify Data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <button type="button" id="save-song-button" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        class="btn btn-large col l6 m6 s10 offset-l3 offset-m3 offset-s1 waves-effect waves-light">Save 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    Changes 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 |