VRFS-3036 css tuning

web/app/assets/stylesheets/client/musician.css.scss

@@ -176,14 +176,15 @@
 
   .col-left {
     float: left;
-    width: 50%;
+    width: 45%;
     margin-left: auto;
     margin-right: auto;
+    padding-right: 20px;
   }
 
   .col-right {
     float: right;
-    width: 50%;
+    width: 45%;
     margin-left: auto;
     margin-right: auto;
   }
@@ -218,6 +219,14 @@
   }
   .builder-ages {
     width: 100%;
+    height: 100%;
+    background-color:#c5c5c5;
+    border:none;
+    -webkit-box-shadow: inset 2px 2px 3px 0px #888;
+    box-shadow: inset 2px 2px 3px 0px #888;
+    color:#000;
+    overflow:auto;
+    font-size:12px;
   }   
   .builder-instruments {
     width: 100%;
@@ -230,6 +239,21 @@
     margin-top: 20px;  
   }
 
+  .musician-setup-genres {
+      width:100%;
+      height:200px;
+      background-color:#c5c5c5;
+      border:none;
+      -webkit-box-shadow: inset 2px 2px 3px 0px #888;
+      box-shadow: inset 2px 2px 3px 0px #888;
+      color:#000;
+      overflow:auto;
+      font-size:12px;
+     .easydropdown-wrapper {
+        width: 100%;
+      }
+  }
+
 }
 
 .filter-element {

web/app/views/clients/_musician_search_filter.html.slim

@@ -30,7 +30,7 @@ script#template-musician-search-filter type="text/template"
     .col-left
       .field
         label for="search-filter-genres"  Genres:
-        .search-filter-setup-genres.band-setup-genres
+        .search-filter-setup-genres.musician-setup-genres
           table#search-filter-genres cellpadding="10" cellspacing="6" width="100%" 
       
       .field.builder-selector
@@ -47,7 +47,7 @@ script#template-musician-search-filter type="text/template"
       .field
         label for="search-filter-instruments"  
           | Instruments & Skill Level:
-        .search-filter-setup-instruments.band-setup-genres.builder-instruments
+        .search-filter-setup-instruments.musician-setup-genres.builder-instruments
           table#search-filter-instruments cellpadding="10" cellspacing="6" width="100%" 
 
       .col-left
@@ -64,7 +64,7 @@ script#template-musician-search-filter type="text/template"
       .col-right
         .field.builder-selector
           label for="search-filter-ages"  Ages:
-          .search-filter-setup-ages.band-setup-genres.builder-ages
+          .search-filter-setup-ages.builder-ages
             table#search-filter-ages cellpadding="10" cellspacing="6" width="100%" 
       .clearall
         

web/app/views/spikes/musician_search_filter.html.slim

@@ -1,15 +1,15 @@
 = javascript_include_tag "profile_utils"
-= javascript_include_tag "musician_search_filter"
+= javascript_include_tag "member_search_filter"
 = stylesheet_link_tag "client/musician"
-#musician_search_spike
-= render "clients/musician_search_filter"
+#musicians-screen
+  = render "clients/musician_search_filter"
 
 javascript:
   var initialized = false;
   $(document).on('JAMKAZAM_READY', function(e, data) {
       setTimeout(function() {
         window.musician_search_filter = new JK.MusicianSearchFilter();
-        musician_search_filter.init();
+        musician_search_filter.init(data.app);
         musician_search_filter.afterShow();
       }, 1)
   });