Removing old Google Fonts; Queue responsive

src/index.html

@@ -14,7 +14,7 @@
 	<link rel="shortcut icon" type="image/x-icon" href="/iris/assets/favicon.ico" />
 	<link rel="shortcut-icon" href="/iris/assets/favicon.ico" />
 
-	<link href="//fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Lato:400,400i,700|Overpass:400,400i,600,700,800|Montserrat:400|500|600|News+Cycle:400,700|PT+Sans+Narrow:400,700|Roboto+Condensed:300,400,700|Fira+Sans:400,500,600,700|Open+Sans:400,600,700|Source+Sans+Pro:400,600,700" rel="stylesheet">
+	<link href="//fonts.googleapis.com/css?family=Overpass:400,400i,600,700,800" rel="stylesheet">
 	<link href="/iris/app.css" rel="stylesheet" />
 
 	<link rel="manifest" href="/iris/assets/manifest.json">

src/js/views/QueueHistory.js

@@ -50,7 +50,7 @@ class QueueHistory extends React.Component{
 			<div className="view queue-history-view">
 				<Header icon="play" title="Playback history" options={options} uiActions={this.props.uiActions} />
 
-				<section className="content-wrapper list-wrapper">
+				<section className="content-wrapper">
 					<TrackList
 						className="queue-history-track-list"
 						show_source_icon={true}

src/scss/components/_grid.scss

@@ -115,12 +115,12 @@
 	@include responsive( 799px, 500px ){
 		&.mini{
 			.grid-item {
-				@include grid_item( 6, 3%, 5% )
+				@include grid_item( 6, 2%, 4% )
 			}	
 		}
 		&:not(.mini){
 			.grid-item {
-				@include grid_item( 3, 3%, 5% )
+				@include grid_item( 3, 2%, 4% )
 			}	
 		}
 	}
@@ -128,12 +128,12 @@
 	@include responsive( 499px ){
 		&.mini{
 			.grid-item {
-				@include grid_item( 3, 4%, 5% )
+				@include grid_item( 3, 2%, 4% )
 			}	
 		}
 		&:not(.mini){
 			.grid-item {
-				@include grid_item( 2, 4%, 5% )
+				@include grid_item( 2, 2%, 4% )
 			}	
 		}
 	}

src/scss/components/_lists.scss

@@ -332,6 +332,14 @@
 			}
 		}
 
+		&.queue-history-track-list {
+			.list-item {
+				.source {
+					display: none !important;
+				}
+			}
+		}
+
 		&.track-list {
 			.list-item.can-sort {
 				padding-left: 78px !important;

src/scss/views/_queue.scss

@@ -14,7 +14,7 @@
 			position: relative;
 			margin: 0 auto;
 			width: 60%;
-			max-width: 600px;
+			max-width: 60vh;
 			display: block;
 			border: 0 !important;