Time-slot headings

[panev]

I've added a bunch of time-slot heading elements to the main view, in the top of the list-group container.

The list group items (sessions) and the headers themselves need to be sorted by time so they make sense. For instance the sessions that start at 10:00, need to be under the 10 o'clock heading etc.

The css selector is independent, so the heading elements can be moved to wherever, if needed. Let me know if something is unclear.

Thanks!

[panev]

I've made some changes to the markup and styled them accordingly, due to the headings. It currently looks like this:

<div class="list-group-heading" ng-show="isChangedTime(session.startTime)">{{session.startTimeString}}</div>

  <div class="list-group-item-holder">
    <a ng-href="#/sessions/{{session.id}}">
      <h4 class="list-group-item-heading">{{session.name}}</h4>
      <h5 class="list-group-speaker"><span ng-repeat="name in session.speakers"> {{name}} </span></h5>
    </a>

    <div class="add-session" ng-class="isSelected(session.isSelected)" ng-click="addSession(session, $event)">
      <i ng-class="isChecked(session.isSelected)" class="fa"></i> 
    </div>

    <h3 class="list-group-track">{{session.track}}</h3>
    <div class="track-marker"></div>
  </div>

[panev]

Apparently however, the new styling structure nukes all other list-group-items ( comments, rankings). Reopening.

[panev]

Updated styling, closing.