styling

js/app/templates/random.hbs

@@ -1,2 +1,2 @@
-<button id="random">Son aléatoire</button>
-<button id="reset">reset</button>
+<button id="random" class="random">🎲</button>
+<button id="reset" class="reset">❌</button>

js/app/templates/soundboard.hbs

@@ -1,10 +1,12 @@
-<div id="filter">
+<span>
+    <div id="filter">
 
-</div>
+    </div>
 
-<div id="random">
+    <div id="random">
 
-</div>
+    </div>
+</span>
 
 <div id="list">
 

js/app/views/sounds.js

@@ -65,6 +65,8 @@ define("views/sounds", function(require) {
             Radio.channel("Sounds").trigger("sound:play", args.model.getSlug());
         },
         randomSound: function() {
+            this.stopPlayingSound();
+
             this.filterCollection("");
             var index = Math.floor(Math.random() * Math.floor(this.collection.length));
             var sound = this.collection.models[index];