From 3c75ac6156955cf75185882a652d4b2246351fd5 Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Mon, 19 Sep 2022 11:30:44 -0500
Subject: [PATCH] change some .less to reflect new focus of .active

---
 .../pages/basePages/listPage/listPage.less    | 28 +++++++++++++++----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less
index 3f74fda79..fcdaea69e 100644
--- a/client/homebrew/pages/basePages/listPage/listPage.less
+++ b/client/homebrew/pages/basePages/listPage/listPage.less
@@ -52,6 +52,27 @@
 			font-family    : 'Open Sans', sans-serif;
 			font-size      : 11px;
 			font-weight    : bold;
+		}
+		.sort-option {
+			display: flex;
+			align-items: center;
+			padding: 0 5px;
+
+
+			&.active {
+			font-weight: bold;
+			color: white;
+			border: 1px solid darkcyan;
+			border-radius: 5px;
+			button {
+				color: white;
+
+				&.sortDir {
+					background-color: darkcyan;
+				}
+			}
+		}
+			
 		}
 		.filter-option {
 			margin-left: 20px;
@@ -69,14 +90,9 @@
 				font-size        : 11px;
 				color            : #888;
 				padding          : 0;
-				&.active{
-					font-weight      : bold;
-					color            : white;
-					border-bottom : 1px solid white;
-				}
 				&.sortDir{
 					width : auto;
-					padding: 5px;
+					padding-left: 5px;
 					color: white;
 				}
 			}