#188: change flush button to white and align with reset filter button

iheziqi · iheziqi · commit 06086f65facb · 2023-07-06T15:01:58.000+02:00
Signed-off-by: Ziqi He &lt;heziqi4399@gmail.com&gt;
diff --git a/frontend/src/assets/styles/dashboard.scss b/frontend/src/assets/styles/dashboard.scss
@@ -37,11 +37,13 @@
 		position: relative;
 
 		.flush-cache-container {
-			top: 0;
+			top: -5px;
 			right: 0;
 			.flush-cache-button {
 				border-radius: $primary-radius;
-				background-color: $primary-blue;
+				background-color: $primary-white;
+				color: $primary-blue;
+				// font-size: $font-small;
 			}
 		}
 	}
diff --git a/frontend/src/components/buttons/FlushCacheButton.tsx b/frontend/src/components/buttons/FlushCacheButton.tsx
@@ -13,8 +13,6 @@ const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
 
 export default function FlushCacheButton() {
 	const [open, setOpen] = React.useState(false)
-	// const [loading, setLoading] = React.useState(false)
-	// const [success, setSuccess] = React.useState(false)
 	const [error, setError] = React.useState(false)
 
 	/**

Original file line number	Diff line number	Diff line change
`@@ -37,11 +37,13 @@`
`37`	`37`	`position: relative;`
`38`	`38`
`39`	`39`	`.flush-cache-container {`
`40`		`- top: 0;`
	`40`	`+ top: -5px;`
`41`	`41`	`right: 0;`
`42`	`42`	`.flush-cache-button {`
`43`	`43`	`border-radius: $primary-radius;`
`44`		`- background-color: $primary-blue;`
	`44`	`+ background-color: $primary-white;`
	`45`	`+ color: $primary-blue;`
	`46`	`+ // font-size: $font-small;`
`45`	`47`	`}`
`46`	`48`	`}`
`47`	`49`	`}`