From c46d95c1960c034b41ba0727cb6059163c40ee3e Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.com>
Date: Wed, 1 May 2024 17:32:37 -0400
Subject: [PATCH] Clean up area above searched videos

---
 css/search.main.css |  7 +++++++
 html/search.ejs     | 44 +++++++++++++++++++++++++++-----------------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/css/search.main.css b/css/search.main.css
index 21d28de6..d76968e4 100644
--- a/css/search.main.css
+++ b/css/search.main.css
@@ -1035,3 +1035,10 @@ a.icon-button > img {
     width: 500px;
     padding: 8px;
 }
+.search-options {
+    display: flex;
+    justify-content: space-evenly;
+    width: 100%;
+    max-width: 855px;
+    margin: auto;
+  }
\ No newline at end of file
diff --git a/html/search.ejs b/html/search.ejs
index bebff2a4..13ca48b8 100644
--- a/html/search.ejs
+++ b/html/search.ejs
@@ -66,30 +66,27 @@ summary:hover{
   <style>
     
     
- .tags.rec {
-  font-weight: 600;
-  font-stretch: expanded;
-  overflow:hidden;
-  width: auto;
-  max-width: fit-content;
-  margin-right: auto;
-  padding-left: 1.5em;
-  margin-top: 7px;
+.search-options {
   display: flex;
-  gap: 3px;
-  margin-inline: auto;
-  margin-left: 8em;
- }
-
+  justify-content: space-between;
+  width: 100%;
+  max-width: 855px;
+  margin: auto;
+  padding: 24px 0px 12px 0px;
+}
     
 .tags.rec:hover{
   overflow-x:auto;
 }
-
+.tags.rec {
+  display: flex;
+  gap: 12px;
+  height: max-content;
+}
 .tags.rec > .tag {
   border-radius: 8px;
-  background:var(--chip-background-hover);
-
+  background: var(--chip-background-hover);
+  padding: 8px 16px;
 }
 
 .tag {
@@ -99,6 +96,19 @@ summary:hover{
   white-space: nowrap;
   font-family: ubuntu, sans-serif;
 } 
+
+#filters-collapse summary {
+  color: white;
+  font-weight: bold;
+  font-size: 20px;
+}
+.filter-options div {
+  padding: 6px 12px;
+}
+.filter-name.underlined {
+  padding: 12px 0px 12px 23px;
+  font-weight: bold;
+}
     
 .container {
       max-width: 800px;