diff --git a/public/template/journey.html b/public/template/journey.html
index 45e8f41..18fef73 100644
--- a/public/template/journey.html
+++ b/public/template/journey.html
@@ -44,10 +44,11 @@
                     <div class="container section">
                         <div class="row text-center">
                                 <div class="col-auto"><button class="button button--secondary button--mobileFull" v-on:click="rm_section(idx)">X</button></div>
+                                <div class="col-auto"><button class="button button--secondary button--mobileFull" v-on:click="item.visible = !item.visible">-</button></div>
                                 <div class="input col-sm-4"><input class="" v-model="item.title" type="text" /></div>
                             
                         </div>
-                        <div class="row">
+                        <div class="row" v-if="item.visible">
                             <div class="col-12 col-sm-8">
                                 <l-map
                                   :zoom.sync="item.map.zoom"
@@ -155,6 +156,16 @@
                                         
                                    
                                 </div>
+                                <div class="row text-center">
+                                    <div><label>Notes</label></div>
+                                        <textarea-autosize
+                                            class="text-small"
+                                            placeholder="Notes"
+                                            v-model="item.notes"
+                                            :min-height="30"
+                                            :max-height="350"
+                                        />
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -441,7 +452,12 @@
                             <div class="input col-sm-2"><input disabled placeholder="No Hotel" :value="item.hotel.sname"/></div>
                         </div>
                         <div class="row text-center">
-                            <div class="input col-sm-3" v-if="item.flightA"><input disabled :value="item.flightA.map(v=>v.id).join(', ')"/></div>
+                            <div class="input col-sm-3" v-if="item.transit">
+                                <div v-for="(item,idx) in item.transit">
+                                    <input disabled :value="item.map(v=>v.id).join(', ')"/>
+                                </div>
+                            </div>
+                           <input disabled :value="item.flightA.map(v=>v.id).join(', ')"/>
                             <div class="input col-sm-3" v-if="item.flightB"><input disabled :value="item.flightB.map(v=>v.id).join(', ')"/></div>
                         </div>
                         <div class="row text-center">
@@ -466,6 +482,17 @@
                                     disabled
                                 /></div>
                         </div>
+                        <div class="row text-center">
+                            <div class="input col-sm-8" v-if="item.notes">
+                                <textarea-autosize
+                                    class="col-8 col-sm-8 text-small"
+                                    placeholder="No Notes"
+                                    :value="item.notes"
+                                    :min-height="30"
+                                    :max-height="350"
+                                    disabled
+                                /></div>
+                        </div>
                     </div>
                 <!-- </div>
                 <div class="bg-white">