Browse Source
			
			
			Merge pull request #205 from Ponkhy/master
			
				Fixed function buttons for smaller screens
			
			
				pull/211/head
			
			
		 
		
			
				
					
						 Louis Lam
					
					4 years ago
						Louis Lam
					
					4 years ago
					
						
							committed by
							
								 GitHub
								GitHub
							
						 
					
				 
				
			 
		 
		
			
				
					
					No known key found for this signature in database
					
						
							GPG Key ID: 4AEE18F83AFDEB23
						
					
				
			
		
		
		
	
		
			
				 1 changed files with 
25 additions and 
0 deletions
			 
			
		 
		
			
				- 
					
					
					 
					src/pages/Details.vue
				
				
				
					
						
							
								
									
	
		
			
				
					|  |  | @ -306,6 +306,31 @@ export default { | 
			
		
	
		
			
				
					|  |  |  | <style lang="scss" scoped> | 
			
		
	
		
			
				
					|  |  |  | @import "../assets/vars.scss"; | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  | @media (max-width: 550px) {  | 
			
		
	
		
			
				
					|  |  |  |     .functions { | 
			
		
	
		
			
				
					|  |  |  |         text-align: center; | 
			
		
	
		
			
				
					|  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |     button, a { | 
			
		
	
		
			
				
					|  |  |  |         margin-left: 10px !important; | 
			
		
	
		
			
				
					|  |  |  |         margin-right: 10px !important; | 
			
		
	
		
			
				
					|  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  | @media (max-width: 400px) {  | 
			
		
	
		
			
				
					|  |  |  |     .btn { | 
			
		
	
		
			
				
					|  |  |  |         display: inline-flex; | 
			
		
	
		
			
				
					|  |  |  |         flex-direction: column; | 
			
		
	
		
			
				
					|  |  |  |         align-items: center; | 
			
		
	
		
			
				
					|  |  |  |         padding-top: 10px; | 
			
		
	
		
			
				
					|  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |     a.btn { | 
			
		
	
		
			
				
					|  |  |  |         padding-left: 25px; | 
			
		
	
		
			
				
					|  |  |  |         padding-right: 25px; | 
			
		
	
		
			
				
					|  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  | } | 
			
		
	
		
			
				
					|  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  | .url { | 
			
		
	
		
			
				
					|  |  |  |     color: $primary; | 
			
		
	
		
			
				
					|  |  |  |     margin-bottom: 20px; | 
			
		
	
	
		
			
				
					|  |  | 
 |