From c7d479ea409b0d780afb12fc5ebda58bb2666be2 Mon Sep 17 00:00:00 2001
From: semanticdata <contact@miguelpimentel.do>
Date: Fri, 29 Sep 2023 14:49:56 -0500
Subject: [PATCH] simplify search field, no words, only icon

---
 quartz/components/Search.tsx         | 4 ++--
 quartz/components/styles/search.scss | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/quartz/components/Search.tsx b/quartz/components/Search.tsx
index bd9aa6946..0832c6065 100644
--- a/quartz/components/Search.tsx
+++ b/quartz/components/Search.tsx
@@ -8,8 +8,8 @@ export default (() => {
     return (
       <div class="search">
         <div id="search-icon">
-          <p>Search</p>
-          <div></div>
+          {/* <p>Search</p>
+          <div></div> */}
           <svg
             tabIndex={0}
             aria-labelledby="title desc"
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index 66f809f97..b8898c305 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -2,11 +2,13 @@
 
 .search {
   min-width: fit-content;
-  max-width: 14rem;
+  // max-width: 14rem;
+  max-width: 18px;
   flex-grow: 0.3;
 
   & > #search-icon {
-    background-color: var(--lightgray);
+    // background-color: var(--lightgray);
+    background-color: transparent;
     border-radius: 4px;
     height: 2rem;
     display: flex;