From 83925084d5a7fed42d003a29bb19ac1d8cd97630 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Wed, 7 Jul 2021 11:11:13 +0500
Subject: [PATCH] update header layout

---
 themes/coopcloud.tech/assets/scss/main.scss        | 7 +++++--
 themes/coopcloud.tech/layouts/partials/header.html | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss
index b20e88a..44f4254 100644
--- a/themes/coopcloud.tech/assets/scss/main.scss
+++ b/themes/coopcloud.tech/assets/scss/main.scss
@@ -161,13 +161,16 @@ hr {
 
 #header {
     background-color: $coopcloud-pink;
-    padding: 10px;
+    padding: 2rem 1rem;
     margin: 0;
     gap: 2rem;
     @media (max-width: 1024px) { flex-direction: column; }
+
+    .logo { flex-grow: initial; }
     .nav-link {
         color: $text-color;
-        margin: 0.5rem;
+        margin: 1rem;
+        font-size: 1.5rem;
         text-transform: uppercase;
         &:hover { text-decoration: underline; }
     }
diff --git a/themes/coopcloud.tech/layouts/partials/header.html b/themes/coopcloud.tech/layouts/partials/header.html
index e3b5775..533bb43 100644
--- a/themes/coopcloud.tech/layouts/partials/header.html
+++ b/themes/coopcloud.tech/layouts/partials/header.html
@@ -1,5 +1,5 @@
 <nav id="header" class="level is-mobile">
-  <a class="level-item has-text-centered" href="{{ .Site.BaseURL }}">
+  <a class="logo level-item has-text-centered" href="{{ .Site.BaseURL }}">
     <img src="/svg/coopcloud_logo_grey.svg" alt="CoopCloud Logo" style="height: 100px;">
   </a>
   <div>