pages/search: results markup

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);
-}

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'>