diff --git a/web/app/assets/javascripts/member_search_filter.js.coffee b/web/app/assets/javascripts/member_search_filter.js.coffee
index e45e5fb4f..1fc4423d4 100644
--- a/web/app/assets/javascripts/member_search_filter.js.coffee
+++ b/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]
diff --git a/web/app/assets/stylesheets/client/band.css.scss b/web/app/assets/stylesheets/client/band.css.scss
index dfdec79a6..e3dfc2bf6 100644
--- a/web/app/assets/stylesheets/client/band.css.scss
+++ b/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;
diff --git a/web/app/views/clients/_band_search_filter.html.slim b/web/app/views/clients/_band_search_filter.html.slim
index 350b8b312..5f33509f6 100644
--- a/web/app/views/clients/_band_search_filter.html.slim
+++ b/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
- Find bands to play a paid gig at a cost not to exceed
+ 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