.row.active_table_row{"ng-click" => "toggle()", "ng-class" => "{'closed' : !open()}"}
  .columns.small-12.medium-4.large-4.skinny-header
    %i.ofn-i_036-producers
    %strong {{ producer.name }}
  .columns.small-6.medium-3.large-3
    {{ producer.address.city }}
  .columns.small-4.medium-3.large-4
    {{ producer.address.state | uppercase }}
  .columns.small-2.medium-2.large-1.text-right
    / This forces line-height to be triggered
    %span &nbsp;
    %i{"ng-class" => "{'ofn-i_005-caret-down' : !open(), 'ofn-i_006-caret-up' : open()}"}
.row.active_table_row{"ng-click" => "toggle()", "ng-class" => "{'closed' : !open()}"}
  .columns.small-12.medium-4.large-4.skinny-head
    %i.ofn-i_036-producers
    %strong {{ producer.name }}
  .columns.small-6.medium-3.large-3
    {{ producer.address.city }}
  .columns.small-4.medium-3.large-4
    {{ producer.address.state | uppercase }}
  .columns.small-2.medium-2.large-1.text-right
    / This forces line-height to be triggered
    %span &nbsp;
    %i{"ng-class" => "{'ofn-i_005-caret-down' : !open(), 'ofn-i_006-caret-up' : open()}"}
Use a consistent naming convention for hubs and producers on css class skinny-head
Use a consistent naming convention for hubs and producers on css class skinny-head
