Various fixes for recruiting page

app/styles/employers.sass

@@ -101,9 +101,11 @@
     margin-right: 2%
     background-color: #E7E7E7
     table
+      cursor: pointer
       width: 96%
       margin-left: 2%
       margin-right: 2%
+      margin-bottom: 30px
       .tag_column
         width: 25%
         display: inline-block
@@ -118,8 +120,10 @@
         width: 25%
       tr 
         .candidate-picture
+          width: 50px
           height: 50px
           border-radius: 5px
+          overflow: hidden
           
         .candidate-description
           width: 100%
@@ -127,11 +131,15 @@
       td
         margin-bottom: 10px
         margin-top: 10px
+        padding-bottom: 5px
+        padding-top: 10px
       .border_row
         border-bottom: 1px solid #d3d3d3
         vertical-align: bottom
+        padding-top: 0px
       
-      
+  #results
+    display: inline-block
   .tablesorter
     //img
     //  display: none

app/templates/employers.jade

@@ -14,11 +14,12 @@ block content
       br
     #filter
       .panel-group#filter_panel
-        .panel.panel-default
-          .panel-heading
-            h4.panel-title
-              a(data-toggle="collapse" data-target="#collapseOne")
-                span.glyphicon.glyphicon-folder-open
+        a#filter-link(data-toggle="collapse" data-target="#collapseOne")
+          .panel.panel-default
+            .panel-heading
+              h4.panel-title
+               
+                span.glyphicon.glyphicon-folder-open#folder-icon
                 |  Filter
         .panel-collapse.collapse.in#collapseOne
           .panel-body
@@ -95,6 +96,7 @@ block content
             //input#select_all_checkbox(type="checkbox" name="select_all" checked)
             //| Select all
             button.btn#filter-button Filter
+            p#results #{numberOfCandidates} results
             //button.btn#create-alert-button Create Alert
   if candidates.length
     #candidate-table
@@ -109,28 +111,29 @@ block content
             
             tr.candidate-row(data-candidate-id=candidate.id, id=candidate.id, class=expired ? "expired" : "")
               td(rowspan=2)
-                img.candidate-picture(src=candidate.getPhotoURL(50), alt=profile.name, title=profile.name, height=50)
+                .candidate-picture
+                  img(src=candidate.getPhotoURL(50), alt=profile.name, title=profile.name, width=50)
               if curated && curated.shortDescription
                 td.candidate-description #{curated.shortDescription}
               else
                 td.candidate-description #{profile.shortDescription}
-              tr.border_row(data-candidate-id=candidate.id)
-                if curated
-                  - var workHistory = curated.workHistory.join(",");
-                  td.tag_column
-                    img(src="/images/pages/employer/tag.png")
-                    |  #{curated.mainTag}
-                  td.location_column
-                    img(src="/images/pages/employer/location.png")
-                    |  #{curated.location}
-                  td.education_column
-                    img(src="/images/pages/employer/education.png")
-                    |  #{curated.education}
-                  td.work_column
-                    img(src="/images/pages/employer/briefcase.png")
-                    |  #{workHistory}
-                else
-                  td Hi
+            tr.border_row(data-candidate-id=candidate.id)
+              if curated
+                - var workHistory = curated.workHistory.join(",");
+                td.tag_column
+                  img(src="/images/pages/employer/tag.png")
+                  |  #{curated.mainTag}
+                td.location_column
+                  img(src="/images/pages/employer/location.png")
+                  |  #{curated.location}
+                td.education_column
+                  img(src="/images/pages/employer/education.png")
+                  |  #{curated.education}
+                td.work_column
+                  img(src="/images/pages/employer/briefcase.png")
+                  |  #{workHistory}
+              else
+                td Hi
 
   if !isEmployer && !me.isAdmin()
     div#info_wrapper

app/views/employers_view.coffee

@@ -27,6 +27,7 @@ module.exports = class EmployersView extends View
     'click .get-started-button': 'openSignupModal'
     'click .navbar-brand': 'restoreBodyColor'
     'click #login-link': 'onClickAuthbutton'
+    'click #filter-link': 'swapFolderIcon'
 
   constructor: (options) ->
     super options
@@ -47,7 +48,9 @@ module.exports = class EmployersView extends View
       
   restoreBodyColor: ->
     $("body").css 'background-color', @originalBackgroundColor
-    
+  
+  swapFolderIcon: ->
+    $("#folder-icon").toggleClass("glyphicon-folder-close").toggleClass("glyphicon-folder-open")
   onFilterChanged: ->
     @resetFilters()
     that = @
@@ -100,6 +103,7 @@ module.exports = class EmployersView extends View
     $("#candidate-table tr").each -> $(this).hide()
     candidateIDsToShow.forEach (id) ->
       $("[data-candidate-id=#{id}]").show()
+    $("#results").text(candidateIDsToShow.length + " results")
     
       
     return filteredCandidates
@@ -117,7 +121,7 @@ module.exports = class EmployersView extends View
   getRenderData: ->
     ctx = super()
     ctx.isEmployer = @isEmployer()
-    ctx.candidates = _.sortBy @candidates.models, (c) -> c.get('jobProfile').updated
+    ctx.candidates = _.sortBy @candidates.models, (c) -> -1 * c.get('jobProfile').experience
     ctx.activeCandidates = _.filter ctx.candidates, (c) -> c.get('jobProfile').active
     ctx.inactiveCandidates = _.reject ctx.candidates, (c) -> c.get('jobProfile').active
     ctx.featuredCandidates = _.filter ctx.activeCandidates, (c) -> c.get('jobProfileApproved')
@@ -129,6 +133,7 @@ module.exports = class EmployersView extends View
     ctx.remarks[remark.get('user')] = remark for remark in @remarks.models
     ctx.moment = moment
     ctx._ = _
+    ctx.numberOfCandidates = ctx.featuredCandidates.length
     ctx
 
   isEmployer: ->