From 769d6437cbf7dcbaa155743430e6138a6ab3b72e Mon Sep 17 00:00:00 2001
From: Dario Ernst <daddel9@nebuk.de>
Date: Fri, 21 Jul 2017 17:24:32 +0200
Subject: [PATCH] Shorten list-of-lists click by using event propagation
 stopper

---
 client/src/components/list-overview/main.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/list-overview/main.vue b/client/src/components/list-overview/main.vue
index 75c1d86..5f64248 100644
--- a/client/src/components/list-overview/main.vue
+++ b/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>