From 2905f0048fa37bcf891812ae9a4d134ee7ca0716 Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Wed, 10 Jan 2024 21:06:10 +0100
Subject: [PATCH] Replace "not enabled" with "disabled"

---
 src/components/ToggleButton.css | 2 +-
 src/components/ToggleButton.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ToggleButton.css b/src/components/ToggleButton.css
index 24d36fc..41656ae 100644
--- a/src/components/ToggleButton.css
+++ b/src/components/ToggleButton.css
@@ -96,8 +96,8 @@
 .button-container p {
   color: #4A4863;
   text-align: center;
-  max-width: 180px;
   font-size: 16px;
+  margin-top: 1rem;
 }
 
 .button-container strong {
diff --git a/src/components/ToggleButton.tsx b/src/components/ToggleButton.tsx
index 55b44cf..0c64599 100644
--- a/src/components/ToggleButton.tsx
+++ b/src/components/ToggleButton.tsx
@@ -35,7 +35,7 @@ export function ToggleButton(props: ToggleButtonProps) {
         </button>
       </div>
       <p>
-        Extension{props.active ? '' : ' not'} enabled on <strong>movie-web.app</strong>
+        Extension {props.active ? 'enabled' : 'disabled'} <br /> on <strong>movie-web.app</strong>
       </p>
     </div>
   );