fix overlapping click-targets of alert state checkboxes (#10136)

using the same margin as checkboxes on top of /graph

Signed-off-by: Victor Häggqvist <victor@snilius.com>
This commit is contained in:
Victor Häggqvist 2022-01-07 10:38:01 +01:00 committed by GitHub
parent 671bb0d5b8
commit 931acc3ee8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

View file

@ -63,7 +63,7 @@ const AlertsContent: FC<AlertsProps> = ({ groups = [], statsCount }) => {
return (
<Checkbox
key={state}
wrapperStyles={{ marginRight: 10 }}
wrapperStyles={{ marginRight: 20 }}
checked={filter[state]}
id={`${state}-toggler`}
onChange={toggleFilter(state)}

View file

@ -12,7 +12,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
onChange={[Function]}
wrapperStyles={
Object {
"marginRight": 10,
"marginRight": 20,
}
}
>
@ -35,7 +35,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
onChange={[Function]}
wrapperStyles={
Object {
"marginRight": 10,
"marginRight": 20,
}
}
>
@ -58,7 +58,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
onChange={[Function]}
wrapperStyles={
Object {
"marginRight": 10,
"marginRight": 20,
}
}
>