From 398f6cd471b32c7bc0e56a4d88d3023261269eeb Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Fri, 28 Jul 2017 09:56:00 +1200
Subject: [PATCH] Removing old Google Fonts; Queue responsive

---
 src/index.html                  | 2 +-
 src/js/views/QueueHistory.js    | 2 +-
 src/scss/components/_grid.scss  | 8 ++++----
 src/scss/components/_lists.scss | 8 ++++++++
 src/scss/views/_queue.scss      | 2 +-
 5 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/index.html b/src/index.html
index 99607ba0..c8b1ba89 100755
--- a/src/index.html
+++ b/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">
diff --git a/src/js/views/QueueHistory.js b/src/js/views/QueueHistory.js
index e0ffcd1c..cb5725ad 100755
--- a/src/js/views/QueueHistory.js
+++ b/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}
diff --git a/src/scss/components/_grid.scss b/src/scss/components/_grid.scss
index 007b0e24..b6484034 100755
--- a/src/scss/components/_grid.scss
+++ b/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% )
 			}	
 		}
 	}
diff --git a/src/scss/components/_lists.scss b/src/scss/components/_lists.scss
index 15e29c75..faedad05 100755
--- a/src/scss/components/_lists.scss
+++ b/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;
diff --git a/src/scss/views/_queue.scss b/src/scss/views/_queue.scss
index 7ff41da1..d29baab2 100755
--- a/src/scss/views/_queue.scss
+++ b/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;