From 931acc3ee8f0f4e0eac68b4a2c4d880df7d82944 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Victor=20H=C3=A4ggqvist?=
 <victorhaggqvist@users.noreply.github.com>
Date: Fri, 7 Jan 2022 10:38:01 +0100
Subject: [PATCH] fix overlapping click-targets of alert state checkboxes
 (#10136)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

using the same margin as checkboxes on top of /graph

Signed-off-by: Victor Häggqvist <victor@snilius.com>
---
 web/ui/react-app/src/pages/alerts/AlertContents.tsx         | 2 +-
 .../pages/alerts/__snapshots__/AlertContents.test.tsx.snap  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/ui/react-app/src/pages/alerts/AlertContents.tsx b/web/ui/react-app/src/pages/alerts/AlertContents.tsx
index 5165eae5b..f96ae7523 100644
--- a/web/ui/react-app/src/pages/alerts/AlertContents.tsx
+++ b/web/ui/react-app/src/pages/alerts/AlertContents.tsx
@@ -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)}
diff --git a/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap b/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap
index 307a724c4..ff0b72cf8 100644
--- a/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap
+++ b/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap
@@ -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,
         }
       }
     >