From 3459387f0437913d462377904971bfc65362dfdc Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Wed, 4 Mar 2015 21:28:25 +1100
Subject: Updated icons to make them more obvious

---
 docs/src/templates/controls.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'docs/src')

diff --git a/docs/src/templates/controls.html b/docs/src/templates/controls.html
index 3970d143..8af5e144 100644
--- a/docs/src/templates/controls.html
+++ b/docs/src/templates/controls.html
@@ -9,7 +9,7 @@
 	</div>
 	<span class="player-controls-playback">
 		<button type="button" data-player="restart">
-			<svg><use xlink:href="#icon-refresh"></use></svg>
+			<svg><use xlink:href="#icon-restart"></use></svg>
 			<span class="sr-only">Restart</span>
 		</button>
 		<button type="button" data-player="rewind">
@@ -37,8 +37,8 @@
 		<input class="inverted sr-only" id="mute{id}" type="checkbox" data-player="mute">
 		<label id="mute{id}" for="mute{id}">
 			<svg class="icon-muted"><use xlink:href="#icon-muted"></use></svg>
-			<svg><use xlink:href="#icon-sound"></use></svg>
-			<span class="sr-only">Mute</span>
+			<svg><use xlink:href="#icon-volume"></use></svg>
+			<span class="sr-only">Toggle Mute</span>
 		</label>
 
 		<label for="volume{id}" class="sr-only">Volume</label>
@@ -46,13 +46,14 @@
 
 		<input class="sr-only" id="captions{id}" type="checkbox" data-player="captions">
 		<label for="captions{id}">
-			<svg><use xlink:href="#icon-bubble"></use></svg>
-			<span class="sr-only">Captions</span>
+			<svg class="icon-captions-on"><use xlink:href="#icon-captions-on"></use></svg>
+			<svg><use xlink:href="#icon-captions-off"></use></svg>
+			<span class="sr-only">Toggle Captions</span>
 		</label>
 
 		<button type="button" data-player="fullscreen">
-			<svg class="icon-exit-fullscreen"><use xlink:href="#icon-collapse"></use></svg>
-			<svg><use xlink:href="#icon-expand"></use></svg>
+			<svg class="icon-exit-fullscreen"><use xlink:href="#icon-exit-fullscreen"></use></svg>
+			<svg><use xlink:href="#icon-enter-fullscreen"></use></svg>
 			<span class="sr-only">Toggle fullscreen</span>
 		</button>
 	</span>
-- 
cgit v1.2.3