diff --git a/src/App.vue b/src/App.vue
index 671566f..18bae74 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,10 +2,10 @@
 	<div id="content" class="app-upschooling">
 		<AppNavigation>
 			<AppNavigationCaption title="Meine Support-Tickets" />
-				<template>
-					<AppNavigationItem v-for="item in tickets" :key="item.ticketId" v-bind:title="item.title" @click="openTicket(item.ticketId)" /> 
-					<!-- TODO: show only proper tickets -->
-				</template> 
+			<template v-for="item in tickets">
+				<AppNavigationItem :key="item.ticketId" :title="item.title" @click="openTicket(item.ticketId)" />
+				<!-- TODO: show only proper tickets -->
+			</template>
 		</AppNavigation>
 		<AppContent>
 			<div v-if="currentTicket">
@@ -36,7 +36,7 @@ export default {
 		AppContent,
 		AppNavigation,
 		AppNavigationItem,
-		AppNavigationCaption
+		AppNavigationCaption,
 	},
 
 	data() {
@@ -110,9 +110,9 @@ export default {
 		deselectTicket() {
 			this.currentTicket = null
 		},
-		newTicket(){
-			//TODO generate new empty ticket
-		}
+		newTicket() {
+			// TODO: generate new empty ticket
+		},
 	},
 }
 </script>
diff --git a/src/components/TicketList.vue b/src/components/TicketList.vue
index e233017..1dc6e4c 100644
--- a/src/components/TicketList.vue
+++ b/src/components/TicketList.vue
@@ -1,63 +1,63 @@
 <template>
-<div class="ticketlist">
-	<div class="header-bar">
-				<button @click="newTicket">
-					{{ t('upschooling', 'Neues Ticket') }}
-				</button>
-	</div>
-	<table
-		id="ticketlist"
-		class="list-container has-controls">
-		<thead>
-			<tr>
-				<th id="headerName" class="column-name">
-					<div id="headerName-container">
-						<a class="name sort columntitle" data-sort="name">
-							<span>{{ t('upschooling', 'Titel (#Ticket-Nummer)') }}</span>
-							<span class="sort-indicator icon-triangle-n" />
+	<div class="ticketlist">
+		<div class="header-bar">
+			<button @click="newTicket">
+				{{ t('upschooling', 'Neues Ticket') }}
+			</button>
+		</div>
+		<table
+			id="ticketlist"
+			class="list-container has-controls">
+			<thead>
+				<tr>
+					<th id="headerName" class="column-name">
+						<div id="headerName-container">
+							<a class="name sort columntitle" data-sort="name">
+								<span>{{ t('upschooling', 'Titel (#Ticket-Nummer)') }}</span>
+								<span class="sort-indicator icon-triangle-n" />
+							</a>
+						</div>
+					</th>
+					<th id="headerStatus" class="column-status">
+						<a class="status sort columntitle" data-sort="status">
+							<span>{{ t('upschooling', 'Status') }}</span>
+							<span class="sort-indicator hidden icon-triangle-s" />
 						</a>
-					</div>
-				</th>
-				<th id="headerStatus" class="column-status">
-					<a class="status sort columntitle" data-sort="status">
-						<span>{{ t('upschooling', 'Status') }}</span>
-						<span class="sort-indicator hidden icon-triangle-s" />
-					</a>
-				</th>
-				<th id="headerDate" class="column-mtime">
-					<a id="modified" class="columntitle" data-sort="mtime">
-						<span>{{ t('upschooling', 'Zuletzt Geändert') }}</span>
-						<span class="sort-indicator hidden icon-triangle-s" />
-					</a>
-				</th>
-			</tr>
-		</thead>
-		<tbody id="tickettbody">
-			<tr v-for="item in tickets" :key="item.ticketId">
-				<td class="filename ui-draggable ui-draggable-handle">
-					<a class="name" :href="'#ticket-' + item.ticketId" @click="openTicket(item.ticketId)">
-						<span class="nametext">
-							<span class="innernametext">{{ item.title }}</span>
-							<span class="ticket-number"> (<span class="icon icon-ticket" />#{{ item.ticketId }})</span>
+					</th>
+					<th id="headerDate" class="column-mtime">
+						<a id="modified" class="columntitle" data-sort="mtime">
+							<span>{{ t('upschooling', 'Zuletzt Geändert') }}</span>
+							<span class="sort-indicator hidden icon-triangle-s" />
+						</a>
+					</th>
+				</tr>
+			</thead>
+			<tbody id="tickettbody">
+				<tr v-for="item in tickets" :key="item.ticketId">
+					<td class="filename ui-draggable ui-draggable-handle">
+						<a class="name" :href="'#ticket-' + item.ticketId" @click="openTicket(item.ticketId)">
+							<span class="nametext">
+								<span class="innernametext">{{ item.title }}</span>
+								<span class="ticket-number"> (<span class="icon icon-ticket" />#{{ item.ticketId }})</span>
+							</span>
+						</a>
+					</td>
+					<td class="status">
+						{{ item.status }}
+					</td>
+					<td class="date">
+						<span
+							class="modified live-relative-timestamp"
+							:title="toLocaleDate(item.lastModified)"
+							:data-timestamp="item.lastModified"
+							style="color:rgb(81,81,81)">
+							{{ toLocaleDate(item.lastModified) }}
 						</span>
-					</a>
-				</td>
-				<td class="status">
-					{{ item.status }}
-				</td>
-				<td class="date">
-					<span
-						class="modified live-relative-timestamp"
-						:title="toLocaleDate(item.lastModified)"
-						:data-timestamp="item.lastModified"
-						style="color:rgb(81,81,81)">
-						{{ toLocaleDate(item.lastModified) }}
-					</span>
-				</td>
-			</tr>
-		</tbody>
-	</table>
-</div>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
 </template>
 
 <script>
@@ -81,33 +81,33 @@ export default {
 		},
 		newTicket() {
 			this.$emit('new-ticket')
-		}
+		},
 	},
 }
 </script>
 
 <style scoped>
+table {
+	width: 100%;
+}
 
-	table {
-		width: 100%;
-	}
+td {
+	border-bottom: solid #000 1px;
+}
 
-	td {
-		border-bottom: solid #000 1px;
-	}
+tr:nth-child(2n) {
+	background: #f0f0f0;
+}
 
-	tr:nth-child(2n) {
-		background: #f0f0f0;
-	}
+a .ticket-number {
+	opacity: 0.5;
+}
 
-	a .ticket-number {
-		opacity: 0.5;
-	}
+a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number {
+	opacity: 1;
+}
 
-	a:hover .ticket-number, a:focus .ticket-number, a:active .ticket-number {
-		opacity: 1;
-	}
-	.header-bar {
+.header-bar {
 	display: flex;
 	width: 100%;
 	flex-direction: row-reverse;