From 432e4a40a3405f90cf26ce570ca3251342d9e2e5 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Date: Thu, 22 Aug 2019 14:20:39 +0200
Subject: [PATCH] fix: move toggle buttons below labels on mobile

---
 client/src/components/helpers/toggle-button.css   |  5 -----
 client/src/components/settings/toggle-setting.css | 12 ++++++++++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/client/src/components/helpers/toggle-button.css b/client/src/components/helpers/toggle-button.css
index b5a1cc1409e..cfb9d02cd56 100644
--- a/client/src/components/helpers/toggle-button.css
+++ b/client/src/components/helpers/toggle-button.css
@@ -65,11 +65,6 @@ label.toggle-label {
 }
 
 @media (max-width: 440px) {
-  .btn-group .btn + .btn {
-    margin-left: 0px;
-    margin-top: -2px;
-  }
-
   .btn:first-child > .tick {
     left: auto;
     right: 5px;
diff --git a/client/src/components/settings/toggle-setting.css b/client/src/components/settings/toggle-setting.css
index 8bf25b6b672..c2c0677ffe0 100644
--- a/client/src/components/settings/toggle-setting.css
+++ b/client/src/components/settings/toggle-setting.css
@@ -25,6 +25,10 @@
 }
 
 @media (max-width: 440px) {
+  .toggle-setting-container .form-group {
+    flex-direction: column;
+  }
+
   .toggle-setting-container > .form-group > * {
     flex: 0 1 auto;
   }
@@ -33,9 +37,13 @@
     justify-content: flex-start;
   }
 
+  .toggle-setting-container .help-block {
+    margin-bottom: 0px;
+  }
+
   .toggle-setting-container .btn-group {
-    flex-direction: column;
-    align-items: stretch;
     justify-content: flex-start;
+    margin-top: 5px;
+    margin-bottom: 5px;
   }
 }