From ab806c1e5d90ea97dfac09e0d644b9a803ccf8da Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Date: Thu, 22 Aug 2019 14:14:26 +0200
Subject: [PATCH] fix: remove theme settings correctly

---
 client/src/components/settings/Theme.js           |  2 --
 client/src/components/settings/theme-settings.css | 10 ----------
 client/src/components/settings/toggle-setting.css | 13 +++++++++++--
 3 files changed, 11 insertions(+), 14 deletions(-)
 delete mode 100644 client/src/components/settings/theme-settings.css

diff --git a/client/src/components/settings/Theme.js b/client/src/components/settings/Theme.js
index acf9d0fc76..7dc389d160 100644
--- a/client/src/components/settings/Theme.js
+++ b/client/src/components/settings/Theme.js
@@ -4,8 +4,6 @@ import { Form } from '@freecodecamp/react-bootstrap';
 
 import ToggleSetting from './ToggleSetting';
 
-import './theme-settings.css';
-
 const propTypes = {
   currentTheme: PropTypes.string.isRequired,
   toggleNightMode: PropTypes.func.isRequired
diff --git a/client/src/components/settings/theme-settings.css b/client/src/components/settings/theme-settings.css
deleted file mode 100644
index 2ab12b8b33..0000000000
--- a/client/src/components/settings/theme-settings.css
+++ /dev/null
@@ -1,10 +0,0 @@
-#theme-settings-container {
-  display: flex;
-  justify-content: space-between;
-}
-
-#theme-settings-container .theme-label {
-  display: flex;
-  align-items: center;
-  margin: 0;
-}
diff --git a/client/src/components/settings/toggle-setting.css b/client/src/components/settings/toggle-setting.css
index bf3b2c039c..8bf25b6b67 100644
--- a/client/src/components/settings/toggle-setting.css
+++ b/client/src/components/settings/toggle-setting.css
@@ -4,6 +4,12 @@
   margin-bottom: 5px;
 }
 
+.toggle-setting-container .toggle-label {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
 .toggle-setting-container .btn-group {
   padding-left: 5px;
 }
@@ -23,8 +29,11 @@
     flex: 0 1 auto;
   }
 
-  .toggle-setting-container .btn-group,
-  .theme-setting-container .btn-group {
+  .toggle-setting-container .toggle-label {
+    justify-content: flex-start;
+  }
+
+  .toggle-setting-container .btn-group {
     flex-direction: column;
     align-items: stretch;
     justify-content: flex-start;