From 9394950263ee5412d45b94f3f6626557d33ec66a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Thu, 17 Dec 2020 17:15:16 +0100
Subject: [PATCH] Add proper styles to handle Header's fixed position and main
 tag to display correctly.

---
 components/Header.vue | 6 +++---
 layouts/default.vue   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Header.vue b/components/Header.vue
index ac36c38..9872ff1 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -1,11 +1,11 @@
 <template>
   <header
     id="header"
-    class="fixed top-0 left-0 w-screen bg-white px-4 py-3 shadow-md"
+    class="fixed top-0 left-0 w-screen bg-white h-16 px-4 py-3 shadow-md"
   >
-    <router-link to="/" class="flex items-center">
+    <router-link to="/" class="flex w-auto h-full items-center">
       <img
-        class="w-12 mr-4"
+        class="h-full mr-4"
         src="https://avatars2.githubusercontent.com/u/1080062?s=200&v=4"
         alt="PeopleDoc - Icon"
       />
diff --git a/layouts/default.vue b/layouts/default.vue
index 6fac89f..a942dce 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <Header />
-    <main>
+    <main class="mt-16 px-4">
       <Nuxt />
     </main>
   </div>