From ae36c041a7453bc0b1d840dd95bb992f40a77933 Mon Sep 17 00:00:00 2001
From: dpschen <dpschen@noreply.kolaente.de>
Date: Mon, 22 Nov 2021 18:41:00 +0000
Subject: [PATCH] feat: improve namespace explanation (#1040)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1040
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
---
 src/views/namespaces/NewNamespace.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/namespaces/NewNamespace.vue b/src/views/namespaces/NewNamespace.vue
index e97a57483..5a9b0b825 100644
--- a/src/views/namespaces/NewNamespace.vue
+++ b/src/views/namespaces/NewNamespace.vue
@@ -31,12 +31,12 @@
 				<color-picker v-model="namespace.hexColor" />
 			</div>
 		</div>
-		<p
-			class="is-small has-text-centered"
-			v-tooltip.bottom="$t('namespace.create.explanation')"
-		>
-			{{ $t('namespace.create.tooltip') }}
-		</p>
+
+		<div class="notification is-info mt-4">
+			<h4 class="title">{{ $t('namespace.create.tooltip') }}</h4>
+
+			{{ $t('namespace.create.explanation') }}
+		</div>
 	</create-edit>
 </template>