From 8d39ca76be8a19c01934aab1482aa74a07dfc2ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 16 Nov 2018 12:45:19 -0800
Subject: [PATCH] switch style tweaks

---
 public/app/core/components/Switch/Switch.tsx | 2 +-
 public/sass/_variables.dark.scss             | 2 +-
 public/sass/components/_switch.scss          | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/app/core/components/Switch/Switch.tsx b/public/app/core/components/Switch/Switch.tsx
index 3d7bf3c5a76..671d05d7c6f 100644
--- a/public/app/core/components/Switch/Switch.tsx
+++ b/public/app/core/components/Switch/Switch.tsx
@@ -44,7 +44,7 @@ export class Switch extends PureComponent<Props, State> {
         )}
         <div className={switchClassName}>
           <input id={labelId} type="checkbox" checked={checked} onChange={this.internalOnChange} />
-          <span class="gf-form-switch__slider" />
+          <span className="gf-form-switch__slider" />
         </div>
       </div>
     );
diff --git a/public/sass/_variables.dark.scss b/public/sass/_variables.dark.scss
index 757f7fc8586..cdd5fc46ad6 100644
--- a/public/sass/_variables.dark.scss
+++ b/public/sass/_variables.dark.scss
@@ -358,7 +358,7 @@ $variable-option-bg: $blue-dark;
 
 //Switch Slider
 // -------------------------
-$switch-bg: $black;
+$switch-bg: $input-bg;
 $switch-slider-color: $dark-2;
 $switch-slider-off-bg: $gray-1;
 $switch-slider-on-bg: linear-gradient(90deg, $orange, $red);
diff --git a/public/sass/components/_switch.scss b/public/sass/components/_switch.scss
index 177b4cbfe3a..c80c8a6980a 100644
--- a/public/sass/components/_switch.scss
+++ b/public/sass/components/_switch.scss
@@ -98,6 +98,8 @@ gf-form-switch[disabled] {
   width: 60px;
   height: 34px;
   background: $switch-bg;
+  border: 1px solid $input-border-color;
+  border-left: none;
 
   input {
     opacity: 0;