From 3754468cf48af18f9535f431698247e758187a4e Mon Sep 17 00:00:00 2001
From: Gazook89 <58999374+Gazook89@users.noreply.github.com>
Date: Wed, 21 Sep 2022 11:12:23 -0500
Subject: [PATCH] change sortDir by clicking on sort title.

---
 client/homebrew/pages/basePages/listPage/listPage.jsx  | 2 +-
 client/homebrew/pages/basePages/listPage/listPage.less | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/homebrew/pages/basePages/listPage/listPage.jsx b/client/homebrew/pages/basePages/listPage/listPage.jsx
index 6c097afe0..e49a24906 100644
--- a/client/homebrew/pages/basePages/listPage/listPage.jsx
+++ b/client/homebrew/pages/basePages/listPage/listPage.jsx
@@ -117,7 +117,7 @@ const ListPage = createClass({
 		return <div className={`sort-option ${(this.state.sortType == sortValue ? 'active' : '')}`}>
 			<button
 				value={`${sortValue}`}
-				onClick={this.handleSortOptionChange}
+				onClick={this.state.sortType == sortValue ? this.handleSortDirChange : this.handleSortOptionChange}
 			>
 				{`${sortTitle}`}
 			</button>
diff --git a/client/homebrew/pages/basePages/listPage/listPage.less b/client/homebrew/pages/basePages/listPage/listPage.less
index aa6fe707e..9f274ce51 100644
--- a/client/homebrew/pages/basePages/listPage/listPage.less
+++ b/client/homebrew/pages/basePages/listPage/listPage.less
@@ -69,10 +69,11 @@
 			font-weight: bold;
 			color: #ddd;
 			background-color: #333;
-			
+
 			button {
 				color: white;
 				font-weight: 800;
+				height: 100%;
 				&.sortDir {
 					padding-left: 5px;
 				}