fixed sighting detail and disqus size
This commit is contained in:
		
							parent
							
								
									5366b67a98
								
							
						
					
					
						commit
						71b6ce9ad7
					
				
							
								
								
									
										17
									
								
								src/App.css
									
									
									
									
									
								
							
							
						
						
									
										17
									
								
								src/App.css
									
									
									
									
									
								
							@ -16,26 +16,35 @@ body {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
#disqus_thread {
 | 
					#disqus_thread {
 | 
				
			||||||
    width: 99% !important;
 | 
					    width: 89% !important;
 | 
				
			||||||
 | 
					    margin: 0 auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.sighting-list {
 | 
				
			||||||
 | 
					    height: calc(50vh - 64px);
 | 
				
			||||||
 | 
					    overflow-y: scroll;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media (min-width: 960px) {
 | 
				
			||||||
    .sighting-list {
 | 
					    .sighting-list {
 | 
				
			||||||
        height: calc(100vh - 64px);
 | 
					        height: calc(100vh - 64px);
 | 
				
			||||||
        overflow-y: scroll;
 | 
					        overflow-y: scroll;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.sighting-details-content {
 | 
					.sighting-details-content {
 | 
				
			||||||
    margin-top: 330px;
 | 
					    width: 89%;
 | 
				
			||||||
 | 
					    margin: 330px auto 0 auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.sighting-detail-google-map-container > div {
 | 
					.sighting-detail-google-map-container > div {
 | 
				
			||||||
    width: 100% !important;
 | 
					    width: 100% !important;
 | 
				
			||||||
    height: 30% !important;
 | 
					    height: 300px !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media (min-width: 960px) {
 | 
					@media (min-width: 960px) {
 | 
				
			||||||
    .sighting-detail-google-map-container > div {
 | 
					    .sighting-detail-google-map-container > div {
 | 
				
			||||||
        width: calc(100% - 50% - 120px) !important;
 | 
					        width: calc(100% - 50% - 120px) !important;
 | 
				
			||||||
        height: 50% !important;
 | 
					        height: 300px !important;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user