VRFS-3036 CSS tuning

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

@@ -544,7 +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')
+    # @screen.find('.band-search-filter-builder-top-to_join h2').html('search bands')
 
   showBuilderToHire: () =>
     @screen.find('.band-search-filter-builder-top-to_join').hide()
@@ -552,7 +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')
+    # @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

@@ -453,8 +453,59 @@
     padding: 10px;
     margin-bottom: 20px;
   }
+
+  .builder-sort-order {
+    .text-label {
+      float: right;
+      margin-right: 10px;
+      padding-top: 5px;
+    }
+    .sort-order-selector {
+      float: right;
+     .easydropdown-wrapper {
+        width: 140px;
+      }
+    }
+  }
+
+  .band-search-filter-builder-bottom {
+    text-align: right;
+    #btn-perform-band-search {
+      width: 120px;
+      margin-left: 20px;        
+    }
+  }
+
   #bands-filter-to_hire {
+    width: 60%;
+  
+    .builder-selector {
+      margin-top: 10px;
+    }
+
+    #max_cost_amount {
+      width: 60px;
+    }
     
+    .col-left {
+      float: left;
+      width: 45%;
+      margin-left: auto;
+      margin-right: auto;
+      padding-right: 20px;
+  
+    }
+  
+    .col-right {
+      float: right;
+      width: 40%;
+      margin-left: auto;
+      margin-right: auto;
+
+     .easydropdown-wrapper {
+        width: 100%;
+      }
+    }
   }
 
   #bands-filter-to_join {
@@ -477,19 +528,6 @@
         width: 100%;
       }
     }
-    .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%;
@@ -515,14 +553,6 @@
       }
       .search-filter-setup-instruments {
       }
-      .band-search-filter-builder-bottom {
-        text-align: right;
-        #btn-perform-band-search {
-          width: 120px;
-          margin-left: 20px;        
-        }
-      }
-  
       .builder-section {
         padding: 10px;
         margin-bottom: 20px;

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

@@ -92,11 +92,12 @@ script#template-band-search-filter-to_hire type="text/template"
   #bands-filter-to_hire
     .band-search-filter-builder-top-to_hire.builder-section
       .col-left
-        h2 search bands
+        h2 search bands to hire
       .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
@@ -126,7 +127,7 @@ script#template-band-search-filter-to_hire type="text/template"
   
     .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="checkbox" id="has_max_cost" {has_max_cost} >Find bands to play a paid gig at a cost not to exceed&nbsp;&nbsp;$
         input type="text" id="max_cost_amount" name="max_cost" value="{max_cost}" 
  
       .field.builder-selector