fix label/for html tags

index.html

@@ -85,14 +85,14 @@
 	<div id="gamepad"></div>
 	<div id="overlay" style="display: none;">
 		<span id="gamepad-id">
-			<label for="gamepad-id">Gamepad</label>
+			<label for="gamepad-id-select">Gamepad</label>
-			<select name="gamepad-id">
+			<select id="gamepad-id-select" name="gamepad-id">
 				<option value="auto">Auto</option>
 			</select>
 		</span>
 		<span id="skin">
-			<label for="skin">Skin</label>
+			<label for="skin-select">Skin</label>
-			<select name="skin">
+			<select id="skin-select" name="skin">
 				<option value="auto">Auto</option>
 				<option value="ds4">DualShock 4</option>
 				<option value="dualsense">DualSense</option>
@@ -102,8 +102,8 @@
 			</select>
 		</span>
 		<span id="background">
-			<label for="background">Background</label>
+			<label for="background-select">Background</label>
-			<select name="background">
+			<select id="background-select" name="background">
 				<option value="transparent">Transparent</option>
 				<option value="checkered">Checkered</option>
 				<option value="dimgrey">Grey</option>
@@ -114,14 +114,14 @@
 			</select>
 		</span>
 		<span id="color" style="display: none;">
-			<label for="color">Color</label>
+			<label for="color-select">Color</label>
-			<select name="color">
+			<select id="color-select" name="color">
 				<option value="">Default</option>
 			</select>
 		</span>
 		<span id="triggers" style="display: none;">
-			<label for="triggers">Triggers</label>
+			<label for="triggers-select">Triggers</label>
-			<select name="triggers">
+			<select id="triggers-select" name="triggers">
 				<option value="opacity">Opacity</option>
 				<option value="meter">Meter</option>
 			</select>