From 439a98bbea4b1dacc7006b801f16c262e8401f70 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Thu, 6 Jan 2022 14:10:05 +0500
Subject: [PATCH] make header closer to mockup

---
 .../lumbung-theme/layouts/partials/header.html   |  2 +-
 themes/lumbung-theme/static/css/main.css         | 16 +++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html
index e8c9fc2..4fa742d 100644
--- a/themes/lumbung-theme/layouts/partials/header.html
+++ b/themes/lumbung-theme/layouts/partials/header.html
@@ -38,7 +38,7 @@
         </nav>
         <div>
             <div class="search">
-                <img src="{{ .Site.Params.baseURL }}/img/search.svg" alt="">
+                <img src="{{ .Site.Params.baseURL }}/img/search.svg" alt="search">
                 <input type="search" name="" id="">
             </div>
             <a href="#" id="login">login</a>
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index 4f7ca57..3fd5729 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -137,22 +137,32 @@ a {
 
 #top-menu {
   padding: 1rem;
-  display: flex;
+  display: grid;
+  grid-template-columns: 400px 1fr auto;
   align-items: flex-start;
-  justify-content: space-between;
 }
 
+
 .home-link { text-decoration: none; }
 
 .logo {
-  width: 200px;
+  width: 300px;
   margin-top: 2rem;
 }
 
+#top-menu ul {
+  margin-left: 3rem;
+}
+
 #top-menu a {
   text-decoration: none;
   color: #333;
   padding: 5px;
+  margin: 0 2rem;
+}
+
+#top-menu #login {
+  font-weight: bold;
 }
 
 #top-menu div {