.scroll-handler.row(
  @mouseleave="nav_mouseleave"
  @mousemove="nav_mousemove")

  .col-3.col-sm-2.col-md-1
    .list-group.text-dark.h-100
      .fleft.list-group-item.bg-white.text-small.rounded.h-100(v-on:click.prevent="journey.leg_prev()")
        i.fas.fa-angle-left
  .col-6.col-sm-8.col-md-10
    draggable.scroll-content.list-group.bg-dark(
      tag="div",
      :list="journey.data.main",
      handle=".handle"
    )
      .list-group-item.handle.text-dark(
        v-for="(element, idx) in journey.data.main",
        :key="idx",
        @click="journey.leg_sel(idx)",
        :class="journey.sel_leg == idx ? 'bg-primary' : 'bg-white'"
      )
        .text {{ element.title || "Leg "+idx}}
        i.fa.fa-times.close.fright(
          style="top: 2px; right: 2px; position: absolute",
          @click="journey.rm_leg(idx)"
        )
      .list-group-item.bg-dark
      .list-group-item.bg-white.text-dark(@click="journey.add_leg()")
        div 
          i.fa.fa-plus.add()

  .col-3.col-sm-2.col-md-1
    .list-group.text-dark.h-100
      a.fright.list-group-item.bg-white.text-small.rounded.h-100(v-on:click.prevent="journey.leg_next()")
        i.fas.fa-angle-right