Nitpicks

Author: rojvv

src/_includes/layout.tsx

@@ -230,7 +230,8 @@ export default (
               <div class="search-panel-content">
                 <div id="pagefind-search"></div>
                 <button type="button" class="search-close" data-search-close aria-label="Close search">
-                  Esc
+                  <span class="search-close-desktop">Esc</span>
+                  <span class="search-close-mobile">Close</span>
                 </button>
                 <noscript>Search requires JavaScript.</noscript>
               </div>

src/_includes/style/search.scss

@@ -23,7 +23,7 @@
   align-items: center;
   gap: 0.45rem;
   border: 1px solid var(--border);
-  border-radius: 0.55rem;
+  border-radius: 0;
   background: var(--surface);
   color: var(--muted);
   cursor: pointer;
@@ -86,7 +86,6 @@
 
   .side-rail .search-trigger {
     width: 100%;
-    border-radius: 0;
   }
 }
 
@@ -159,6 +158,10 @@ html.search-open body {
   }
 }
 
+.search-close-mobile {
+  display: none;
+}
+
 .search-panel-content {
   --search-control-height: 2.75rem;
 
@@ -326,6 +329,14 @@ html.search-open body {
   .search-close {
     top: calc(1rem + env(safe-area-inset-top));
   }
+
+  .search-close-desktop {
+    display: none;
+  }
+
+  .search-close-mobile {
+    display: inline;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {