From de7629b459328631e5eb5d24bc304e9f3c1607fa Mon Sep 17 00:00:00 2001
From: fwostal <felix.wostal@complevo.de>
Date: Mon, 28 May 2018 16:13:22 +0200
Subject: [PATCH] "#2 Add Logout button"

---
 src/scss/global.scss   | 8 +++++++-
 views/partials/nav.pug | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/scss/global.scss b/src/scss/global.scss
index caa9f36..26df4dc 100644
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -27,6 +27,11 @@ header {
   background-color: #fff;
 }
 
+.nav__actions {
+  float: right;
+  padding: 15px;
+}
+
 footer {
   position: fixed;
   bottom: 0;
@@ -98,7 +103,8 @@ main {
   padding: 15px;
   float: left;
 }
-.view__type {
+
+.view__type, .nav__actions .nav__logout {
   margin: 5px;
   color: #c6c6c6;
   font-size: 18px;
diff --git a/views/partials/nav.pug b/views/partials/nav.pug
index f8d924e..b3a691c 100644
--- a/views/partials/nav.pug
+++ b/views/partials/nav.pug
@@ -6,6 +6,9 @@ header
       span.view__divider |
       span.view__type <svg class="view__icon" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><style>.st0{fill:#010101}</style><path class="st0" d="M33.6 35.5c0-4.8-3.4-8.8-8.1-9.6l-.6-.1-.4.5c-1.7 2-4.3 3.3-7 3.3s-5.2-1.2-7-3.3l-.4-.5-.6.1c-4.7.9-8.1 4.9-8.1 9.6V44h32.2v-8.5zm-2.2 6.4H3.6v-6.3C3.6 32 6 29 9.3 28.1c2.1 2.3 5.1 3.5 8.1 3.5s6.1-1.3 8.1-3.5c3.4.9 5.8 3.9 5.8 7.4v6.4zM17.5 24.2c5 0 9.1-4.1 9.1-9.1S22.5 6 17.5 6s-9.1 4-9.1 9.1 4.1 9.1 9.1 9.1zm0-16.1c3.9 0 7 3.1 7 7s-3.1 7-7 7-7-3.1-7-7 3.1-7 7-7zM37.3 28.1c3.5 0 6.4-2.9 6.4-6.4v-.4c0-3.5-2.9-6.4-6.4-6.4-3.5 0-6.4 2.9-6.4 6.4v.4c0 3.5 2.9 6.4 6.4 6.4zM33 21.3c0-2.4 1.9-4.3 4.3-4.3s4.3 1.9 4.3 4.3v.4c0 2.4-1.9 4.3-4.3 4.3-2.3-.1-4.3-2-4.3-4.4v-.3zM43 29l-.7-.2-.4.6c-1.2 1.6-3.8 2.6-6 2.3l-.3 2.1c2.6.3 5.7-.7 7.5-2.5 2 .8 3.4 2.9 3.4 5.2v5.4H35.7V44h12.9v-7.6c0-3.3-2.4-6.5-5.6-7.4z"/></svg> Friends
     if user
+      .nav__actions
+        .nav__logout
+          a(href="/auth/logout") Logout
       .nav__user
         .nav__user-avatar
             img(src=`${user.profile.profile_image}`)