VRFS-3036 CSS tuning

web/app/assets/javascripts/member_search_filter.js.coffee

@@ -544,6 +544,7 @@ context.JK.BandSearchFilter = class BandSearchFilter extends BaseSearchFilter
     @searchSubType = 'to_join'
     this.showBuilder()
     this._loadSearchFilter() if @searchFilter
+    @screen.find('.band-search-filter-builder-top-to_join h2').html('search bands')
 
   showBuilderToHire: () =>
     @screen.find('.band-search-filter-builder-top-to_join').hide()
@@ -551,6 +552,7 @@ context.JK.BandSearchFilter = class BandSearchFilter extends BaseSearchFilter
     @searchSubType = 'to_hire'
     this.showBuilder()
     this._loadSearchFilter() if @searchFilter
+    @screen.find('.band-search-filter-builder-top-to_hire h2').html('search bands to hire')
 
   searchMetaData: () =>
     @searchMeta[@searchSubType]

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

@@ -1,6 +1,6 @@
 @import "client/common.css.scss";
 
-#band-setup, #band-profile {
+#band-setup, #band-profile, #bands-filter-to_hire, #bands-filter-to_join {
   font-family: Raleway, Arial, Helvetica, verdana, arial, sans-serif;
   .band-field {
     input[type="text"], select, textarea {
@@ -433,33 +433,82 @@
   }
 }
 
-#band-screen {
+#bands-screen {
+
+  .col-left {
+    float: left;
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .col-right {
+    float: right;
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+  }
 
   .builder-section {
     padding: 10px;
     margin-bottom: 20px;
   }
+  #bands-filter-to_hire {
+    
+  }
 
-  #bands-filter-to-join {
+  #bands-filter-to_join {
+  .builder-sort-order {
+    .text-label {
+      float: right;
+      margin-right: 10px;
+      padding-top: 5px;
+    }
+    .sort-order-selector {
+      float: right;
+     .easydropdown-wrapper {
+        width: 140px;
+      }
+    }
+  }
+  .col-left {
+    float: left;
+    width: 30%;
+    margin-left: auto;
+    margin-right: auto;
+    padding-right: 20px;
+
+   .easydropdown-wrapper {
+      width: 100%;
+    }
+ 
+  }
+
+  .col-right {
+    float: right;
+    width: 66%;
+    margin-left: auto;
+    margin-right: auto;
+
+   .easydropdown-wrapper {
+      width: 40%;
+    }
+  }
+
+    .search-filter-setup-genres {
+    }
+    .search-filter-setup-instruments {
+    }
+    .band-search-filter-builder-bottom {
+      text-align: right;
+      width: 80%;
+    }
 
     .builder-section {
       padding: 10px;
       margin-bottom: 20px;
     }
 
-    .col-left {
-      float: left;
-      width: 50%;
-      margin-left: auto;
-      margin-right: auto;
-    }
-
-    .col-right {
-      float: right;
-      width: 50%;
-      margin-left: auto;
-      margin-right: auto;
-    }
   }
 
 }

web/app/views/api_search/index.rabl

@@ -10,19 +10,19 @@ if @search.is_a?(BaseSearch)
     current_user.last_jam_audio_latency.round if current_user.last_jam_audio_latency
   end
                   
-  node :is_blank_filter do |foo|
-    @search.is_blank?(params[:subtype])
-  end
-         
   node :filter_json do |foo|
     @search.to_json
   end
 
-  node :description do |foo|
-    @search.description(params[:subtype])
-  end
-
   if @search.is_a? MusicianSearch
+    node :description do |foo|
+      @search.description
+    end
+
+  node :is_blank_filter do |foo|
+    @search.is_blank?
+  end
+         
   child(:results => :musicians) {
       attributes :id, :first_name, :last_name, :name, :city, :state, :country, :online, :musician, :photo_url, :biography, :regionname, :score, :full_score
 
@@ -63,6 +63,14 @@ if @search.is_a?(BaseSearch)
 
 elsif @search.is_a?(BandSearch)
 
+  node :is_blank_filter do |foo|
+    @search.is_blank?(params[:subtype])
+  end
+         
+    node :description do |foo|
+      @search.description(params[:subtype])
+    end
+
   child(:results => :bands) {
       attributes :id, :name, :city, :state, :country, :photo_url, :biography, :logo_url, :website
 

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

@@ -26,9 +26,10 @@ script#template-band-search-filter-to_join type="text/template"
       .col-left
         h2 search bands
       .col-right.builder-sort-order
-          .text-label Sort Results By:
+        .sort-order-selector
           select.easydropdown name="sort_order" 
             option selected="selected" value="{sort_order}" {sort_order}
+        .text-label Sort Results By:
     .clearall
   
     .band-search-filter-builder-middle1.builder-section
@@ -79,8 +80,8 @@ script#template-band-search-filter-to_join type="text/template"
     .clearall
     .band-search-filter-builder-bottom.builder-section.builder-action-buttons
       .col-right
-        a#btn-perform-band-search.builder-button.button-orange href="#" SEARCH
         a#btn-band-search-cancel.builder-button.button-grey href="#" CANCEL
+        a#btn-perform-band-search.builder-button.button-orange href="#" SEARCH
 
 script#template-band-search-filter-to_hire type="text/template" 
   #bands-filter-to_hire
@@ -116,23 +117,23 @@ script#template-band-search-filter-to_hire type="text/template"
           select.easydropdown name="performance_samples"
             option selected="selected" value="{performance_samples}" {performance_samples}
  
-        .field.builder-selector
-          <input type="checkbox" id="has_max_cost" {has_max_cost} >Find bands to play a paid gig at a cost not to exceed
-          input type="text" id="max_cost_amount" name="max_cost" value="{max_cost}" 
- 
-        .field.builder-selector
-          <input type="checkbox" id="free_gigs" name="free_gigs" {has_free_gigs} >Find bands that will play free gigs
-    
     .clearall
   
     .band-search-filter-builder-middle2.builder-section
+      .field.builder-selector
+        <input type="checkbox" id="has_max_cost" {has_max_cost} >Find bands to play a paid gig at a cost not to exceed
+        input type="text" id="max_cost_amount" name="max_cost" value="{max_cost}" 
+ 
+      .field.builder-selector
+        <input type="checkbox" id="free_gigs" name="free_gigs" {has_free_gigs} >Find bands that will play free gigs
+    
     .clearall
           
     .clearall
     .band-search-filter-builder-bottom.builder-section.builder-action-buttons
       .col-right
-        a#btn-perform-band-search.builder-button.button-orange href="#" SEARCH
         a#btn-band-search-cancel.builder-button.button-grey href="#" CANCEL
+        a#btn-perform-band-search.builder-button.button-orange href="#" SEARCH
 
 script#template-search-filter-setup-instrument type="text/template" 
   tr data-instrument-id="{id}"