From bb1fb8ca62570f66292adcf1bcb92e6f18792af1 Mon Sep 17 00:00:00 2001
From: Ole Eskild Steensen <ole@savvy.no>
Date: Mon, 7 Nov 2022 15:32:43 +0100
Subject: [PATCH] Better search box for mobile

---
 src/site/styles/digital-garden-base.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/site/styles/digital-garden-base.scss b/src/site/styles/digital-garden-base.scss
index a0e499d..6c33b13 100644
--- a/src/site/styles/digital-garden-base.scss
+++ b/src/site/styles/digital-garden-base.scss
@@ -236,7 +236,7 @@ ul.task-list {
 }
 
 .search-box {
-    transform: translateY(200px);
+    transform: translateY(100px);
     background-color: var(--background-primary);
     max-width: 80%;
     width: 900px;
@@ -265,7 +265,7 @@ ul.task-list {
     padding: 20px;
     display: flex;
     justify-content: center;
-    max-height: 500px;
+    max-height: 50vh;
 }
 
 #search-results ul {
@@ -281,10 +281,14 @@ ul.task-list {
     border-radius: 10px;
     font-size: 1.2rem;
     cursor: pointer;
-}
 
-.searchresult.active {
-    border: 2px solid var(--text-accent);
+    &:hover {
+        border: 2px solid var(--text-accent);
+    }
+
+    &.active{
+        border: 2px solid var(--text-accent);
+    }
 }
 
 .search-box-footer {