From 656f869f58645fd3a304a69d9adf22f8093a439d Mon Sep 17 00:00:00 2001
From: iou1name <iou1name@national.shitposting.agency>
Date: Tue, 16 Jun 2020 10:11:38 -0400
Subject: [PATCH] lighthouse score

---
 static/scorch.css    | 8 +++++---
 templates/index.html | 8 ++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/static/scorch.css b/static/scorch.css
index 7caacad..248f206 100644
--- a/static/scorch.css
+++ b/static/scorch.css
@@ -7,7 +7,7 @@ body {
 }
 
 img {
-	max-height: 100%;
+	max-height: 30vh;
 }
 
 main {
@@ -44,8 +44,10 @@ main {
 
 #playerContainer {
 	grid-area: f;
-	height: auto;
-	max-height: 30vh;
 	display: flex;
 	justify-content: center;
 }
+
+#albumCover {
+	padding-right: 1em;
+}
diff --git a/templates/index.html b/templates/index.html
index f4f27b6..aa5e9c6 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,22 +15,22 @@
 				<h1>Scorch</h1>
 			</div>
 			<div id="artistListContainer" class="list">
-				<select id="artistList" size="2" class="list" onchange="select_artist(this)">
+				<select id="artistList" aria-label="Artist list" size="2" class="list" onchange="select_artist(this)">
 					{% for artist in artists %}
 					<option value="{{ artist }}">{{ artist }}</option>
 					{% endfor %}
 				</select>
 			</div>
 			<div id="albumListContainer" class="list">
-				<select id="albumList" size="2" class="list" onchange="select_album(this)">
+				<select id="albumList" aria-label="Artist list" size="2" class="list" onchange="select_album(this)">
 				</select>
 			</div>
 			<div id="trackListContainer" class="list">
-				<select id="trackList" size="2" class="list" onchange="select_track(this)">
+				<select id="trackList" aria-label="Artist list" size="2" class="list" onchange="select_track(this)">
 				</select>
 			</div>
 			<div id="playerContainer">
-				<span id="albumCover"><img src=""></span>
+				<span id="albumCover"><img alt="Album cover art" src=""></span>
 				<span id="playerControls">
 					<h4><span id="nowPlayingArtist"></span> - <span id="nowPlayingAlbum"></span></h4>
 					<h3 id="nowPlayingTitle"></h3>