From 8878ca7aed861ac4c667cc96de61b8c2e09f9bac Mon Sep 17 00:00:00 2001
From: Andrew <andrewtjoslin@gmail.com>
Date: Thu, 28 Aug 2014 11:39:18 -0600
Subject: [PATCH] feat(switch): add focus styles

---
 src/components/switch/_switch.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/switch/_switch.scss b/src/components/switch/_switch.scss
index 0363c9e239a..2e05788eefa 100644
--- a/src/components/switch/_switch.scss
+++ b/src/components/switch/_switch.scss
@@ -1,11 +1,11 @@
 material-switch {
   display: block;
   position: relative;
-  height: $baseline-grid * 4;
+  height: $baseline-grid * 3;
+  margin: $baseline-grid;
 
-  *{
-    outline: none !important;
-  }
+  @include flex-display();
+  @include flex-align-items(center);
 
   .material-switch-bar {
     position: absolute;
@@ -34,6 +34,9 @@ material-switch {
       @include transform-translate3d($switch-width - 16,0,0);
     }
 
+    &:focus .material-label {
+      border: 1px dotted black;
+    }
     .material-label {
       margin-left: $baseline-grid * 7;
     }