css

dashboard_static/index.html

@@ -95,9 +95,19 @@
                 <div class="rightcol column">
                     <div class="searchcontainer column">
                         <input class="searchbar" type="text" placeholder="SEARCH CLUCCS...">
-                        <button class="button">SORT BY <span class="material-symbols-outlined">arrow_drop_down</span></button>
+                        <div class="button">
-                        <button class="button">BLOCKED WORDS</button>
+                            <span>SORT BY <span class="material-symbols-outlined">arrow_drop_down</span></span>
-                        <button class="button">POPULARITY FILTER</button>
+                            <div class="sort-dropdown">
+                                <ul class="sort-dropdown-list">
+                                    <li>Time</li>
+                                    <li>Likes</li>
+                                    <li>Retweets</li>
+                                    <li>Replies</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="button">BLOCKED WORDS</div>
+                        <div class="button">POPULARITY FILTER</div>
                     </div>
                     <div class="popchart column">
                         <h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>

dashboard_static/style/style.css

@@ -221,6 +221,9 @@ body {
 }
 
 .button {
+	color: black;
+	cursor: pointer;
+	background-color: white;
 	border-radius: 50px;
 	border: none;
 }
@@ -228,3 +231,11 @@ body {
 /* .button:hover {
 	background-color: ;
 } */
+
+.sort-dropdown {
+
+}
+
+.sort-drop-list {
+	
+}