buttons

dashboard_static/index.html

@@ -95,7 +95,7 @@
                 <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">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>

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 {