From 98d121b33ed16731c5c4fbad6d933526f5239c1c Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Mon, 2 Nov 2020 10:25:40 +0000
Subject: [PATCH] Search banner style

---
 epicyon-search.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/epicyon-search.css b/epicyon-search.css
index 92ed3217..5306f56a 100644
--- a/epicyon-search.css
+++ b/epicyon-search.css
@@ -33,6 +33,8 @@
     --follow-text-size2: 40px;
     --follow-text-entry-width: 90%;
     --focus-color: white;
+    --search-banner-height: 15vh;
+    --search-banner-height-mobile: 10vh;
 }
 
 @font-face {
@@ -89,13 +91,6 @@ a:focus {
     border: 2px solid var(--focus-color);
 }
 
-.searchBanner {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png");
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 90%;
-}
-
 .follow {
     background-image: url("follow-background.jpg");
     background-size: cover;
@@ -198,6 +193,10 @@ input[type=text] {
 }
 
 @media screen and (min-width: 400px) {
+    .timeline-banner {
+        width: 98vw;
+        height: var(--search-banner-height);
+    }
     .hashtagswarm {
         font-size: var(--hashtag-size1);
         font-family: Arial, Helvetica, sans-serif;
@@ -245,6 +244,10 @@ input[type=text] {
 }
 
 @media screen and (max-width: 1000px) {
+    .timeline-banner {
+        width: 98vw;
+        height: var(--search-banner-height-mobile);
+    }
     .hashtagswarm {
         font-size: var(--hashtag-size2);
         font-family: Arial, Helvetica, sans-serif;