ui: audio midi buttons

main.js

@@ -74,22 +74,18 @@ function initUi() {
 		audioButton = result.audioI;
 		if (result.audioI) {
 			$('.audioI').addClass('active');
-			$('#audio').text('Désactiver le micro');
 		}
 		else {
 			$('.audioI').removeClass('active');
-			$('#audio').text('Activer le micro');
 		}
 	});
 	chrome.storage.sync.get(['midiI'], function (result) {
 		midiButton = result.midiI;
 		if (result.midiI) {
 			$('.midiI').addClass('active');
-			$('#midi').text('Désactiver l\'entrée MIDI')
 		}
 		else {
 			$('.midiI').removeClass('active');
-			$('#midi').text('Activer l\'entrée MIDI')
 		}
 	});
 }
@@ -163,7 +159,7 @@ $('#onOff').on('click', function () {
  * Activate / Desactivate audio button
  */
 
-$('#audio').on('click', function () {
+$('.audioI').on('click', function () {
 	audioButton = !audioButton;
 	chrome.storage.sync.set({ audioI: audioButton }, function () {
 	});
@@ -178,7 +174,7 @@ $('#audio').on('click', function () {
  * Activate / Desactivate midi button
  */
 
-$('#midi').on('click', function () {
+$('.midiI').on('click', function () {
 	midiButton = !midiButton;
 	chrome.storage.sync.set({ midiB: midiButton }, function () {
 	});

popup.html

@@ -9,16 +9,15 @@
 	<div class="infos">
 		<h1>CssLsd</h1>
 		<div style="flex: 1 1 auto;"></div>
-		Sur : <img style="height: 20px; border: solid white 8px;background: white; border-radius: 50%;" class="activateFav" src="">
+		Sur : <img style="height: 20px; border: solid white 8px;background: white; border-radius: 50%;"
+			class="activateFav" src="">
 		Midi : <div class="midiI"></div>
 		Audio : <div class="audioI"></div>
 	</div>
-	<p id="midiEvent"></p>
+	<p>Control MIDI ID: <span id="midiEvent"></span></p>
 	<div class="actions">
 		<button id="onOff">Activer</button>
 		<button id="save">Enregister</button>
-		<button id="audio">Audio</button>
-		<button id="midi">Midi</button>
 	</div>
 	<div id="editor"></div>
 

style.css

@@ -35,7 +35,10 @@ body {
 	background: none;
 	border-radius: 50%;
 }
+.midiI:hover, .audioI:hover {
+	background: red;
 	
+}
 .active {
 	border-color: red;
 	animation: heartbeat 1.5s ease-in-out infinite both;;