From 45652a695d6382828b5a64fb903e7ab34db72025 Mon Sep 17 00:00:00 2001
From: Ole Eskild Steensen <ole@savvy.no>
Date: Mon, 7 Nov 2022 13:34:42 +0100
Subject: [PATCH] Styling for empty navbar

---
 src/site/styles/digital-garden-base.scss | 27 ++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
index 2698f1d..a0e499d 100644
--- a/src/site/styles/digital-garden-base.scss
+++ b/src/site/styles/digital-garden-base.scss
@@ -156,6 +156,20 @@ ul.task-list {
     width: 250px;
 }
 
+.empty-navbar {
+    display: flex; 
+    justify-content: flex-end; 
+    margin-bottom: -60px;
+
+    @media(max-width: 800px) {
+        justify-content: center; 
+    }
+
+    .search-button {
+        margin: 10px 65px 10px 65px;
+    }
+}
+
 .navbar {
     background-color: var(--background-secondary);
     position: absolute;
@@ -298,6 +312,7 @@ ul.task-list {
     align-items: center;
     min-width: 150px;
     margin: 10px 65px;
+    border: 1px solid var(--text-normal);
     cursor: pointer;
     >span{
         padding: 3px 3px 3px 15px;
@@ -309,6 +324,18 @@ ul.task-list {
     &:hover{
         border: 1px solid var(--text-accent);
     }
+
+    @media(max-width: 800px) {
+        min-width: 120px;
+        margin: 10px 50px 10px 25px;
+    }
+
+}
+
+.search-keys {
+    @media(max-width: 800px) {
+        display: none;
+    }
 }
 
 div[class*="language-ad-"],