From 07d5aecb0d68e5df839fd786a1bb81a199e664ce Mon Sep 17 00:00:00 2001
From: Tim Wijma <tim.wijma@gmail.com>
Date: Wed, 2 Nov 2022 12:16:43 +0100
Subject: [PATCH] buttons

---
 dashboard_static/index.html      |  8 ++++----
 dashboard_static/style/style.css | 16 ++++++++++++----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/dashboard_static/index.html b/dashboard_static/index.html
index 12a5c4c..971ecd0 100644
--- a/dashboard_static/index.html
+++ b/dashboard_static/index.html
@@ -94,10 +94,10 @@
                 </div>
                 <div class="rightcol column">
                     <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>
+                        <input class="searchbar" type="text" placeholder="SEARCH CLUCCS...">
+                        <button class="button">SORT BY <span class="material-symbols-outlined">arrow_drop_down</span></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>
diff --git a/dashboard_static/style/style.css b/dashboard_static/style/style.css
index 258ca21..216afc4 100644
--- a/dashboard_static/style/style.css
+++ b/dashboard_static/style/style.css
@@ -187,12 +187,14 @@ body {
 
 .searchcontainer {
 	background-color: blue;
-	/* height: 400px; */
+	padding: 8px;
+	box-sizing: border-box;
+	display: flex;
+	flex-wrap: wrap;
 }
 
 .popchart {
 	background-color: rgba(255, 0, 255, 0.344);
-	/* height: 400px; */
 }
 
 .colheader {
@@ -204,12 +206,18 @@ body {
 	padding-left: 30px;
 }
 
+
+.searchbar {
+	width: 100%;
+}
+
 .searchbar, .button {
 	font-weight: bold;
-	font-size: 32px;
+	font-size: 24px;
 	border-radius: 50px;
 	padding: 10px;
-	margin: 16px;
+	margin: 4px 8px;
+	border: none;
 }
 
 .button {