From bdf71bc3fbd66e314e4641d43c6b56617503d9b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Thu, 4 Apr 2019 16:41:23 +0200
Subject: [PATCH] feature(header): Issue#106 - add a logout button

---
 src/header.pug          | 2 +-
 src/page-user-panel.pug | 3 +--
 src/styles/header.scss  | 4 +++-
 src/styles/main.scss    | 7 ++-----
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/header.pug b/src/header.pug
index 82bd162..c89e0d6 100644
--- a/src/header.pug
+++ b/src/header.pug
@@ -22,7 +22,7 @@ details#user-controls
   #user-controls__panel
     include page-user-panel.pug
 
-button#login(onclick="document.querySelector('sib-auth').login();") login
+button(role='log in' onclick="document.querySelector('sib-auth').login();") Login
 
 
 sib-auth
diff --git a/src/page-user-panel.pug b/src/page-user-panel.pug
index d3ee9b8..b4ad000 100644
--- a/src/page-user-panel.pug
+++ b/src/page-user-panel.pug
@@ -10,5 +10,4 @@ nav(role="user's functionalities menu")
       sib-route(name='')
         li
           a Admin
-    sib-route
-      button(role='log out') Log out
+    button(role='log out' onclick="document.querySelector('sib-auth').logout();") Log out
diff --git a/src/styles/header.scss b/src/styles/header.scss
index e8cbccf..037c33c 100644
--- a/src/styles/header.scss
+++ b/src/styles/header.scss
@@ -194,7 +194,9 @@ details#user-controls {
 
       button {
         color: $color-text-base;
-        margin: 1.6rem 1.3rem;
+        padding: 1.6rem 1.3rem;
+        text-align: left;
+        width: 100%;
       }
     }
   }
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 942a91b..cc96944 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -4,10 +4,8 @@
   display: none !important;
 }
 
-*,
-*::after,
-*::before {
-  //  box-sizing: inherit;
+* {
+  box-sizing: border-box;
 }
 
 :root {
@@ -16,7 +14,6 @@
   --sib-notifications-theme: #{$color-46-100-50};
   
   body {
-    //box-sizing: border-box;
     background-color: $color-anti-flash-white;
     color: $color-text-base;
     font-size: 1.6rem;