Prefix md-vertical class with component name

Author: devversion

src/lib/button-toggle/button-toggle.scss

@@ -17,7 +17,7 @@ md-button-toggle-group {
   white-space: nowrap;
 }
 
-md-button-toggle-group.md-vertical {
+.md-button-toggle-vertical {
   flex-direction: column;
 
   .md-button-toggle-label-content {

src/lib/button-toggle/button-toggle.spec.ts

@@ -127,12 +127,12 @@ describe('MdButtonToggle', () => {
     });
 
     it('should change the vertical state', () => {
-      expect(groupNativeElement.classList).not.toContain('md-vertical');
+      expect(groupNativeElement.classList).not.toContain('md-button-toggle-vertical');
 
       groupInstance.vertical = true;
       fixture.detectChanges();
 
-      expect(groupNativeElement.classList).toContain('md-vertical');
+      expect(groupNativeElement.classList).toContain('md-button-toggle-vertical');
     });
 
     it('should emit a change event from button toggles', fakeAsync(() => {
@@ -422,12 +422,12 @@ describe('MdButtonToggle', () => {
     });
 
     it('should change the vertical state', () => {
-      expect(groupNativeElement.classList).not.toContain('md-vertical');
+      expect(groupNativeElement.classList).not.toContain('md-button-toggle-vertical');
 
       groupInstance.vertical = true;
       fixture.detectChanges();
 
-      expect(groupNativeElement.classList).toContain('md-vertical');
+      expect(groupNativeElement.classList).toContain('md-button-toggle-vertical');
     });
 
     it('should deselect a button toggle when selected twice', () => {

src/lib/button-toggle/button-toggle.ts

@@ -47,7 +47,7 @@ export class MdButtonToggleChange {
   providers: [MD_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR],
   host: {
     'role': 'radiogroup',
-    '[class.md-vertical]': 'vertical'
+    '[class.md-button-toggle-vertical]': 'vertical'
   },
   exportAs: 'mdButtonToggleGroup',
 })
@@ -221,7 +221,7 @@ export class MdButtonToggleGroup implements AfterViewInit, ControlValueAccessor
   selector: 'md-button-toggle-group[multiple]',
   exportAs: 'mdButtonToggleGroup',
   host: {
-    '[class.md-vertical]': 'vertical'
+    '[class.md-button-toggle-vertical]': 'vertical'
   }
 })
 export class MdButtonToggleGroupMultiple {