From 02891d0519324df1927c04c2b50fc1db3fc1c37a Mon Sep 17 00:00:00 2001
From: Marie Katrine Ekeberg <mke@themkat.net>
Date: Thu, 15 Aug 2024 21:01:53 +0200
Subject: [PATCH] Add missing searchbox styling

---
 _sass/main.scss | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index 0c4394c..d3e493d 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -152,6 +152,29 @@ body {
     cursor: pointer;
 }
 
+.search-box {
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 1vh;
+    margin-bottom: 1vh;
+    font-size: large;
+
+    h5 {
+        margin: 0;
+    }
+    
+    input {
+        width: 80%;
+        border-radius: 5px;
+    }
+
+    button {
+        background-color: var(--menu-main-color);
+        border-radius: 5px;
+    }
+}
+
 // fixing various settings for mobile devices
 @media only screen and (max-width: 600px) {
 
@@ -183,6 +206,15 @@ body {
 		font-size: 1.5em;
 		display: block;
 	}
+
+    .search-box {
+        width: 100%;
+        margin: 0;
+
+        input {
+            width: auto;
+        }
+    }
 	
 	.content {
 		width: 90%;
@@ -409,7 +441,7 @@ body {
 
 // Experimental printing support
 @media print {
-    .menu, .footer, .color-mode-toggle, .sharebuttons, .printbutton, .related_posts, #commento {
+    .menu, .footer, .color-mode-toggle, .sharebuttons, .printbutton, .related_posts, #commento, .search-box {
         display: none;
         margin: 0;
     }