From 72f204771f434f11949ddc8e4f96a9321d227802 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 20 Oct 2023 12:53:23 +0800
Subject: [PATCH] Minor adjustments for search page

---
 src/pages/search.css | 10 ++++++++--
 src/pages/search.jsx |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/pages/search.css b/src/pages/search.css
index f78cac9b..a1b830a8 100644
--- a/src/pages/search.css
+++ b/src/pages/search.css
@@ -40,8 +40,14 @@ ul.link-list.hashtag-list li a {
 }
 
 @media (min-width: 40em) {
-  #search-page header input {
-    background-color: var(--bg-color);
+  #search-page {
+    header input {
+      background-color: var(--bg-color);
+    }
+
+    .filter-bar {
+      margin-top: 8px;
+    }
   }
 }
 
diff --git a/src/pages/search.jsx b/src/pages/search.jsx
index 1dc499b4..0ac45288 100644
--- a/src/pages/search.jsx
+++ b/src/pages/search.jsx
@@ -141,7 +141,7 @@ function Search(props) {
   return (
     <div id="search-page" class="deck-container" ref={scrollableRef}>
       <div class="timeline-deck deck">
-        <header>
+        <header class={uiState === 'loading' ? 'loading' : ''}>
           <div class="header-grid">
             <div class="header-side">
               <NavMenu />