From 31bbe3205617baf377d4c180c3d6947a4e905b8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Z=C3=ADpek?= <jan@zipek.cz>
Date: Sun, 4 Sep 2022 10:57:05 +0200
Subject: [PATCH] Filter toggle styling improvements

---
 client/src/assets/pages/_dashboard-page.scss               | 7 +++++++
 .../components/DashboardHeader/DashboardHeader.tsx         | 2 --
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/assets/pages/_dashboard-page.scss b/client/src/assets/pages/_dashboard-page.scss
index 231bab2..a3e423d 100644
--- a/client/src/assets/pages/_dashboard-page.scss
+++ b/client/src/assets/pages/_dashboard-page.scss
@@ -95,6 +95,13 @@
 		display: flex;
 		align-items: center;
 		cursor: pointer;
+		padding: 0.25rem 0.5rem;
+		margin: 0 0.5rem;
+		border: 1px solid var(--input-border-color);
+		background-color: var(--input-bg-color);
+		color: var(--input-fg-color);
+		border-radius: var(--border-radius);
+		box-sizing: border-box;
 
 		> .svg-icon {
 			margin-left: 0.5rem;
diff --git a/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx b/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx
index 3f52e54..59a4870 100644
--- a/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx
+++ b/client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx
@@ -86,9 +86,7 @@ export const DashboardHeader = () => {
 				<>
 					<DashboardSwitch />
 					<button onClick={handleNewBox}>Add box</button>
-					<div className="spacer" />
 					<DashboardHeaderFilterToggle />
-					<div className="spacer" />
 					<button onClick={handleRefresh}>
 						<RefreshIcon /> Refresh all
 					</button>