Shorten list-of-lists click by using event propagation stopper

client/src/components/list-overview/main.vue

@@ -7,13 +7,13 @@
 			</p>
 
 			<div class="list">
-				<div class="item two-lines item-link" v-for="n in 8">
-					<div class="item-primary" @click="gotoList(n-1)">{{ 15 + n + Math.floor((Math.random()*10)+1) }}</div>
-					<div class="item-content has-secondary" @click="gotoList(n-1)">
+				<div class="item two-lines item-link" @click="gotoList(n-1)" v-for="n in 8">
+					<div class="item-primary">{{ 15 + n + Math.floor((Math.random()*10)+1) }}</div>
+					<div class="item-content has-secondary">
 						<div>List {{ n }}</div>
 						<div>Has {{ "some".repeat(n) }} description</div>
 					</div>
-					<i class="item-secondary item-link" @click="deleteList(n-1)">
+					<i class="item-secondary item-link" @click.stop="deleteList(n-1)">
 						delete
 					</i>
 				</div>