text change and centered form

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>

src/components/board/Board.vue

@@ -25,8 +25,9 @@
 		<Controls :board="board" />
 
 		<EmptyContent v-if="stacksByBoard.length === 0" icon="icon-pause">
-			{{ t('deck', 'No lists, add one') }}
+			{{ t('deck', 'No lists available') }}
 			<template #desc>
+				{{ t('deck', 'Create a new list to add cards to this board') }}
 				<form @submit.prevent="addNewStack()">
 					<input id="new-stack-input-main"
 						v-model="newStackTitle"
@@ -160,6 +161,10 @@ export default {
 	$stack-spacing: 10px;
 	$stack-width: 300px;
 
+	form {
+		text-align: center;
+	}
+
 	.board-wrapper {
 		position: relative;
 		width: 100%;