From e7c63afc1a995bfa0885c2302a57ca56f5849561 Mon Sep 17 00:00:00 2001
From: Ben Busby <benbusby@protonmail.com>
Date: Mon, 22 Mar 2021 10:59:32 -0400
Subject: [PATCH] Re-add search css to results page

The results page search css was removed during the refactor to allow for
user defined css. This adds that back.
---
 app/static/css/search.css  | 27 +++++++++++++++++++++++++++
 app/templates/display.html |  1 +
 2 files changed, 28 insertions(+)
 create mode 100644 app/static/css/search.css

diff --git a/app/static/css/search.css b/app/static/css/search.css
new file mode 100644
index 0000000..e456218
--- /dev/null
+++ b/app/static/css/search.css
@@ -0,0 +1,27 @@
+.autocomplete {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+}
+
+.autocomplete-items {
+    position: absolute;
+    border-bottom: none;
+    border-top: none;
+    z-index: 99;
+
+    /*position the autocomplete items to be the same width as the container:*/
+    top: 100%;
+    left: 0;
+    right: 0;
+}
+
+.autocomplete-items div {
+    padding: 10px;
+    cursor: pointer;
+}
+
+details summary {
+    padding: 10px;
+    font-weight: bold;
+}
diff --git a/app/templates/display.html b/app/templates/display.html
index 9913f55..4eb0512 100644
--- a/app/templates/display.html
+++ b/app/templates/display.html
@@ -5,6 +5,7 @@
         <link rel="search" href="opensearch.xml" type="application/opensearchdescription+xml" title="Whoogle Search">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="referrer" content="no-referrer">
+        <link rel="stylesheet" href="static/css/search.css">
         <link rel="stylesheet" href="static/css/variables.css">
         <link rel="stylesheet" href="static/css/header.css">
         <link rel="stylesheet" href="static/css/{{ 'dark' if config.dark else 'light' }}-theme.css"/>