genre to genres as list

app/assets/javascripts/createSession.js

@@ -26,6 +26,9 @@ Message from Seth on sequence for creating/joining sessions:
             var $this = $(this);
             var data = $this.formToObject();
             data.client_id = app.clientId;
+            // FIXME: Support up to 3 genres in UI
+            // The following is a hack
+            data.genres = [data.genres];
             var url = "/api/sessions";
             $.ajax({
                 type: "POST",
@@ -60,7 +63,7 @@ Message from Seth on sequence for creating/joining sessions:
                     var opt = context.JK.fillTemplate(optionTemplate, d);
                     options.push(opt);
                 });
-                $('#create-session-form select[name="genre"]').html(options.join(''));
+                $('#create-session-form select[name="genres"]').html(options.join(''));
             });
         }
 

app/assets/stylesheets/client/jamkazam.css.scss

@@ -270,6 +270,7 @@ label {
     height: 300px;
     border: 1px solid #fff;
     position:relative;
+    float:left;
 }
 .session-track [track-role] { margin:4px; }
 .session-track .latency { text-align:center; }

app/views/clients/index.html.erb

@@ -173,7 +173,7 @@
 
                     <div class="formrow">
                         <label>Genre 
-                            <select name="genre">
+                            <select name="genres">
                             </select>
                         </label>
                         <input type="text" class="hidden"/>