From 5b0031a8af0a6326a3432c4d0e166db2e639c86d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 17 Feb 2026 12:10:10 +0000
Subject: [PATCH 1/2] Initial plan


From 3687a4a5d4412d9257efe2ae741d915235d20a8c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 17 Feb 2026 12:13:37 +0000
Subject: [PATCH 2/2] Fix search modal layout by adding missing CSS classes

Co-authored-by: brunoborges <129743+brunoborges@users.noreply.github.com>
---
 site/styles.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 47 insertions(+), 3 deletions(-)

diff --git a/site/styles.css b/site/styles.css
index 14d2ec5..f1e017e 100644
--- a/site/styles.css
+++ b/site/styles.css
@@ -1120,13 +1120,24 @@ nav {
   overflow: hidden;
 }
 
-.search-input {
-  width: 100%;
+.search-input-wrap {
+  display: flex;
+  align-items: center;
+  gap: 12px;
   padding: 16px 20px;
+  border-bottom: 1px solid var(--border);
+}
+
+.search-input-wrap svg {
+  flex-shrink: 0;
+  color: var(--text-muted);
+}
+
+.search-input {
+  flex: 1;
   font-size: 1rem;
   background: transparent;
   border: none;
-  border-bottom: 1px solid var(--border);
   color: var(--text);
   outline: none;
 }
@@ -1135,6 +1146,19 @@ nav {
   color: var(--text-muted);
 }
 
+.search-esc {
+  flex-shrink: 0;
+  font-size: 0.7rem;
+  font-weight: 600;
+  padding: 4px 8px;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--surface-2);
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
 .search-results {
   max-height: 400px;
   overflow-y: auto;
@@ -1166,6 +1190,26 @@ nav {
   color: var(--text-muted);
 }
 
+.search-footer {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 10px 16px;
+  border-top: 1px solid var(--border);
+  font-size: 0.75rem;
+  color: var(--text-muted);
+}
+
+.search-footer kbd {
+  font-family: 'Inter', sans-serif;
+  font-size: 0.7rem;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid var(--border);
+  background: var(--surface-2);
+  color: var(--text-muted);
+}
+
 /* ---------- Footer ---------- */
 footer {
   text-align: center;