From f9cd68181137c72e92c6951efd9b8d29c4b73bc1 Mon Sep 17 00:00:00 2001
From: Tom van der Lee <tom@vanderlee.io>
Date: Tue, 25 Jan 2022 21:42:51 +0100
Subject: Added dark mode

---
 src/components/Content/Content.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/components/Content/Content.tsx')

diff --git a/src/components/Content/Content.tsx b/src/components/Content/Content.tsx
index 0e63f30..95ee444 100644
--- a/src/components/Content/Content.tsx
+++ b/src/components/Content/Content.tsx
@@ -30,9 +30,9 @@ export default function Content({ raw, setRaw, data }: ContentProps): JSX.Elemen
     <div className={styles.content}>
       <Container fluid className="border-bottom">
         <Row className="py-3">
-            <Col>
-              <input id='raw' type='checkbox' checked={raw} onChange={() => setRaw(!raw)}/>
-              <label htmlFor='raw' className="ps-1">Raw</label>
+            <Col className="form-check form-switch ms-3">
+              <input className="form-check-input" id='raw' type='checkbox' checked={raw} role="switch" onChange={() => setRaw(!raw)}/>
+              <label htmlFor='raw' className="form-check-label">Raw</label>
             </Col>
           <Col xs="auto">
             {
-- 
cgit v1.2.3

