css filters and event

dashboard_static/style/style.css

@@ -122,10 +122,20 @@ body {
 }
 
 .tweet-nickname {
+	color: white;
+	text-decoration: none;
+	font-weight: bold;
+}
+
+.tweet-nickname:active {
+	color: white;
+	text-decoration: underline;
 	font-weight: bold;
 }
 
 .tweet-username {
+	color: white;
+	text-decoration: none;
 	opacity: 0.8;
 }
 
@@ -215,7 +225,7 @@ body {
 	font-weight: bold;
 	font-size: 24px;
 	border-radius: 50px;
-	padding: 10px;
+	padding: 8px;
 	margin: 4px 8px;
 	border: none;
 }
@@ -224,18 +234,41 @@ body {
 	color: black;
 	cursor: pointer;
 	background-color: white;
-	border-radius: 50px;
+	border-radius: 30px;
 	border: none;
 }
 
-/* .button:hover {
-	background-color: ;
-} */
-
-.sort-dropdown {
-
+.sort-btn {
+	user-select: none;
+	position: relative;
 }
 
-.sort-drop-list {
-	
+.sort-dropdown {
+	display: none;
+}
+
+.sort-dropdown-list {
+	position: absolute;
+	width: 100%;
+	list-style-type: none;
+    padding: 0;
+    margin: 0;
+	margin-left: -8px;
+	background-color: white;
+	border-radius: 0 0 16px 16px;
+}
+
+.sort-dropdown-list li {
+	font-weight: 500;
+	font-size: 22px;
+	padding: 0 8px;
+}
+
+.sort-dropdown-list li:hover {
+	background-color: #dddddd;
+}
+
+.radius-bottom {
+	border-bottom-left-radius: 16px;
+	border-bottom-right-radius: 16px;
 }