fix(switch): correctly adjust when label will not fit on one line

Closes #80
angular · Sep 12, 2014 · e912a83 · e912a83
1 parent 95b0bcf
commit e912a83
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/radioButton/_radio-button.scss b/src/components/radioButton/_radio-button.scss
@@ -2,6 +2,7 @@
 material-radio-button,
 .material-switch-thumb { // Used in switch
   display: block;
+  margin: 15px;
   white-space: nowrap;
   cursor: pointer;
 

diff --git a/src/components/switch/_switch.scss b/src/components/switch/_switch.scss
@@ -26,6 +26,7 @@ material-switch {
     outline: none;
 
     .material-container {
+      position: absolute;
       -webkit-transition: -webkit-transform 0.2s linear; 
       transition: transform 0.2s linear;
       @include transform-translate3d(0,0,0);
@@ -38,7 +39,7 @@ material-switch {
       border: 1px dotted black;
     }
     .material-label {
-      margin-left: $baseline-grid * 7;
+      margin-left: $baseline-grid * 9;
     }
   }
 }