diff --git a/src/template/module/journey/leg/nav.pug b/src/template/module/journey/leg/nav.pug
index 736c95e..321b696 100644
--- a/src/template/module/journey/leg/nav.pug
+++ b/src/template/module/journey/leg/nav.pug
@@ -1,34 +1,45 @@
-.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()")
+.row
+  .mr-auto.col-auto
+    .list-group.text-dark
+      .list-group-item.bg-white.rounded(v-on:click.prevent="journey.leg_prev(); focus_leg();")
         i.fas.fa-angle-left
-  .col-6.col-sm-8.col-md-10
+  .col-8.col-sm-8.col-md-10.scroll-handler(
+  @pointerleave="nav_mouseleave"
+  @pointermove="nav_mousemove")
+  
     draggable.scroll-content.list-group.bg-dark(
       tag="div",
       :list="journey.data.main",
       handle=".handle"
     )
+      .list-group-item.bg-white.text-white.show.placeholder-left(
+        :class="journey.sel_leg >0? '': 'bg-dark'"
+        slot="header"
+      )
+        .text {{'⋅'}}
       .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'"
+        :class="journey.sel_leg == idx ? 'bg-primary active' : 'bg-white'"
       )
         .text {{ element.title || "Leg "+idx}}
-        i.fa.fa-times.close.fright(
+        i.fa.fa-times.text-small.fright(
           style="top: 2px; right: 2px; position: absolute",
-          @click="journey.rm_leg(idx)"
+          @click="journey.rm_leg(idx); focus_leg();"
         )
-      .list-group-item.bg-dark
-      .list-group-item.bg-white.text-dark(@click="journey.add_leg()")
+      .list-group-item.bg-white.text-white.show.placeholder-right(
+        :class="journey.sel_leg < journey.data.main.length-1? '': 'bg-dark'"
+        slot="footer"
+      )
+        .text {{'⋅'}}
+      .list-group-item.bg-white.text-dark.add(@click="journey.add_leg(); focus_leg();"
+        slot="footer"
+        :class="journey.sel_leg >= journey.data.main.length-1? 'show': ''")
         div 
-          i.fa.fa-plus.add()
+          i.fa.fa-plus()
 
-  .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()")
+  .ml-auto.col-auto
+    .list-group.text-dark
+      .list-group-item.bg-white.rounded(v-on:click.prevent="journey.leg_next(); focus_leg();")
         i.fas.fa-angle-right
\ No newline at end of file