From 4acd8acc8f33c2b4c13c20aa1be5054f3e770aa5 Mon Sep 17 00:00:00 2001
From: Drew <badea.andrei1908@gmail.com>
Date: Tue, 1 Nov 2022 16:59:48 +0100
Subject: [PATCH] CSS Grid Headings

---
 dashboard_static/index.html      |  7 ++++++-
 dashboard_static/style/style.css | 22 +++++++++++++++++++++-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/dashboard_static/index.html b/dashboard_static/index.html
index f8b5184..b26b81c 100644
--- a/dashboard_static/index.html
+++ b/dashboard_static/index.html
@@ -66,7 +66,12 @@
                 <div class="centercol column">
                     <h1 class="colheader">FILTERED CLUCCS</h1>
                 </div>
-                <div class="searchbar column"></div>
+                <div class="searchcontainer column">
+                    <input class = "searchbar" type = "text" placeholder="SEARCH CLUCCS...">
+                    <button class = "button">SORT BY</button>
+                    <button class = "button">BLOCKED WORDS</button>
+                    <button class = "button">POPULARITY FILTER</button>
+                </div>
                 <div class="popchart column">
                     <h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
                 </div>
diff --git a/dashboard_static/style/style.css b/dashboard_static/style/style.css
index 14d15a2..bc3074b 100644
--- a/dashboard_static/style/style.css
+++ b/dashboard_static/style/style.css
@@ -150,7 +150,7 @@ body {
 	grid-row: 1/ -1;
 }
 
-.searchbar {
+.searchcontainer {
 	background-color: blue;
 	height: 400px;
 }
@@ -163,4 +163,24 @@ body {
 .colheader {
 	font-size: 38px;
 	padding-left: 30px;
+}
+
+.searchbar {
+	width: 500px;
+}
+.searchbar, .button {
+	font-weight: bold;
+	font-size: 32px;
+	border-radius: 50px;
+	padding: 10px;
+	margin: 16px;
+}
+
+.button {
+	border-radius: 50px;
+	border: none;
+}
+
+.button:hover {
+	background-color: ;
 }
\ No newline at end of file