More tooltips

src/App.vue

@@ -56,7 +56,7 @@
 							<p class="menu-label" v-if="loading">Loading...</p>
 							<template v-for="n in namespaces">
 								<div :key="n.id">
-									<router-link :to="{name: 'editNamespace', params: {id: n.id} }" class="nsettings" v-if="n.id > 0">
+									<router-link v-tooltip.right="'Settings'" :to="{name: 'editNamespace', params: {id: n.id} }" class="nsettings" v-if="n.id > 0">
 											<span class="icon">
 												<icon icon="cog"/>
 											</span>

src/components/namespaces/NewNamespace.vue

@@ -20,6 +20,7 @@
 				</p>
 			</div>
 		</form>
+		<p class="small" v-tooltip.bottom="'A namespace is a collection of lists you can share and use to organize your lists with.<br/>In fact, every list belongs to a namepace.'">What's a namespace?</p>
 	</div>
 </template>
 

src/styles/_tooltip.scss

@@ -2,6 +2,7 @@
   display: block !important;
   z-index: 10000;
   font-size: 0.8em;
+  text-align: center;
 
   .tooltip-inner {
     background: $dark;

src/styles/fullpage.scss

@@ -41,4 +41,9 @@
     right: 6vh;
     color: $vikunja-light-text;
   }
+
+  .small{
+    margin-top: 1em;
+    font-size: 0.5em;
+  }
 }