From f5af3c1823e32c7ffd6734be776da60c02b43543 Mon Sep 17 00:00:00 2001
From: He4eT <He4eT@oddsquat.org>
Date: Sat, 20 Jan 2024 21:37:19 +0100
Subject: [PATCH] pages/search: results markup

---
 pages/search/search.css  | 13 ++++++-------
 pages/search/search.html |  2 +-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/pages/search/search.css b/pages/search/search.css
index 484a026..cdb0988 100644
--- a/pages/search/search.css
+++ b/pages/search/search.css
@@ -2,6 +2,10 @@ header {
   display: flex;
   padding: calc(2 * var(--step));
   gap: calc(2 * var(--step));
+
+  position: sticky;
+  top: 0;
+  background: inherit;
 }
 
 header > input {
@@ -45,19 +49,14 @@ main {
   overflow: hidden;
 }
 
-.tab .label {
+.tab > span:first-child {
   font-family: monospace;
   color: var(--gray-dark-05);
   flex-shrink: 0;
 }
 
-.tab > .title,
-.tab > .url {
+.tab > span:last-child {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
-.tab .url {
-  color: var(--gray-dark-05);
-}
diff --git a/pages/search/search.html b/pages/search/search.html
index fc3b8f0..2c2d1eb 100644
--- a/pages/search/search.html
+++ b/pages/search/search.html
@@ -11,7 +11,7 @@
       <input type='search' id='searchbox' placeholder='Filter' autofocus>
       <input type='search' id='actionbox' placeholder='Action (? for help)'>
     </header>
-    <main>
+    <main id='searchResults'>
       <button class='tab'>
         <div class='label'>jk</div>
         <div class='title'>