From 6ef024db6f5049c9269310b37b7cb68f846a2403 Mon Sep 17 00:00:00 2001
From: Victor Westerlund <victor.vesterlund@gmail.com>
Date: Sun, 7 Apr 2024 13:43:51 +0000
Subject: [PATCH] fix: safari searchbox header render issue (#13)

---
 assets/css/document.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/assets/css/document.css b/assets/css/document.css
index 48d1d85..ff7177c 100755
--- a/assets/css/document.css
+++ b/assets/css/document.css
@@ -114,6 +114,7 @@ header {
 	align-items: stretch;
 	justify-items: end;
 	grid-template-columns: 1fr var(--running-size);
+	grid-template-rows: var(--running-size);
 	background-color: rgba(0, 0, 0, .8);
 	z-index: 100;
 	-webkit-backdrop-filter: blur(20px);
@@ -167,10 +168,12 @@ main.loading > * {
 /* ### Box */
 
 searchbox {
+	--icon-size: 25px;
+
 	display: grid;
 	width: 100%;
 	border-left: var(--border-style);
-	grid-template-columns: 25px 1fr;
+	grid-template-columns: var(--icon-size) 1fr;
 	align-items: center;
 	padding: var(--padding);
 	gap: var(--padding);
@@ -180,6 +183,10 @@ searchbox {
 	cursor: pointer;
 }
 
+searchbox > svg {
+	width: var(--icon-size);
+}
+
 /* ### Dialog */
 
 body.search-dialog-open main {
@@ -317,9 +324,4 @@ dialog.search search search-results > svg {
 	header searchbox {
 		display: grid;
 	}
-	
-	menu searchbox {
-		display: none;
-	}
-	/* /> */
 }
\ No newline at end of file