From edbf1b4fb16542a6539a761480e4d3d5a60e3e3c Mon Sep 17 00:00:00 2001
From: konrad <konrad@kola-entertainments.de>
Date: Thu, 20 Dec 2018 14:27:09 +0000
Subject: [PATCH] Moved buttons to manage teams and namespaces to the top (#11)

---
 src/App.vue      | 24 ++++++++++++------------
 src/vikunja.scss |  6 +++++-
 todo.md          |  4 ++--
 3 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8321112f5..2dd3c2af5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,6 +9,18 @@
 				</div>
 				<div class="navbar-menu">
 					<div class="navbar-end">
+						<router-link :to="{name: 'listTeams'}" class="navbar-item">
+							<span class="icon is-small">
+								<icon icon="users"/>
+							</span>
+							Teams
+						</router-link>
+						<router-link :to="{name: 'newNamespace'}" class="navbar-item">
+							<span class="icon is-small">
+								<icon icon="layer-group"/>
+							</span>
+							New Namespace
+						</router-link>
 						<span class="navbar-item">{{user.infos.username}}</span>
 						<span class="navbar-item image">
 							<img :src="gravatar()" class="is-rounded" alt=""/>
@@ -26,18 +38,6 @@
 			<div class="box shadow" v-if="user.authenticated">
 				<div class="columns">
 					<div class="column is-3">
-						<router-link :to="{name: 'listTeams'}" class="button is-primary is-fullwidth button-bottom">
-							<span class="icon is-small">
-								<icon icon="users"/>
-							</span>
-							Teams
-						</router-link>
-						<router-link :to="{name: 'newNamespace'}" class="button is-success is-fullwidth button-bottom">
-							<span class="icon is-small">
-								<icon icon="layer-group"/>
-							</span>
-							New Namespace
-						</router-link>
 						<aside class="menu namespaces-lists">
 							<p class="menu-label" v-if="loading">Loading...</p>
 							<template v-for="n in namespaces">
diff --git a/src/vikunja.scss b/src/vikunja.scss
index 3f9de0a71..267d630df 100644
--- a/src/vikunja.scss
+++ b/src/vikunja.scss
@@ -24,7 +24,7 @@ h1,h2,h3,h4,h5,h6{
 
 /* Logout-icon */
 .logout-icon {
-  padding-right: 2em !important;
+  margin-right: 0.85em !important;
 }
 
 /* Logo */
@@ -53,6 +53,10 @@ h1,h2,h3,h4,h5,h6{
   margin-bottom: 1rem;
 }
 
+.navbar-menu .navbar-item .icon{
+  margin: 0 0.5em;
+}
+
 /* Namespaces list */
 .namespaces-lists{
   .menu-label {
diff --git a/todo.md b/todo.md
index 8433e8c84..5fde113ad 100644
--- a/todo.md
+++ b/todo.md
@@ -32,8 +32,8 @@
 
 * [x] Zurück zu Home (wenn man auf das Logo klickt)
 * [ ] Google fonts raus (sollen von lokal geladen werden)
-* [ ] Ladeanimationen erst nach 100ms anzeigen, sonst wird das überflüssigerweise angezeigt
-* [ ] Btns für Teams und neuer Namespace nach oben in die Leiste verschieben
+* [x] Ladeanimationen erst nach 100ms anzeigen, sonst wird das überflüssigerweise angezeigt
+* [x] Btns für Teams und neuer Namespace nach oben in die Leiste verschieben
 * [ ] Links an den Freigewordenen Platz Menüpunkte machen à la "Heute"/Morgen/Diese Woche etc. Da kommt dann alles rein was dann due ist.
 * [ ] Andere Icons? --> Freepikkram