From 05cefe8177fac00381887f32861f6c6739f5cfe5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 31 Dec 2018 09:06:13 +0000
Subject: [PATCH] feat(ui): use bootstrap custom control for checkboxes

This will use bootstrap styled controls instead of native.
https://getbootstrap.com/docs/4.2/components/forms/#switches
---
 ui/src/Components/SilenceModal/SilenceMatch/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/Components/SilenceModal/SilenceMatch/index.js b/ui/src/Components/SilenceModal/SilenceMatch/index.js
index 63ef916b5..f58e02edd 100644
--- a/ui/src/Components/SilenceModal/SilenceMatch/index.js
+++ b/ui/src/Components/SilenceModal/SilenceMatch/index.js
@@ -54,10 +54,10 @@ const SilenceMatch = observer(
             />
           </div>
           <div className="flex-shrink-0 flex-grow-1 flex-basis-auto form-check form-check-inline d-flex justify-content-between m-0">
-            <span>
+            <span className="custom-control custom-switch">
               <input
                 id={`isRegex-${matcher.id}`}
-                className="form-check-input"
+                className="custom-control-input"
                 type="checkbox"
                 value=""
                 checked={matcher.isRegex}
@@ -65,7 +65,7 @@ const SilenceMatch = observer(
                 disabled={matcher.values.length > 1}
               />
               <label
-                className="form-check-label cursor-pointer mr-3"
+                className="custom-control-label cursor-pointer mr-3"
                 htmlFor={`isRegex-${matcher.id}`}
               >
                 Regex