fix(tabs): fixes styles for md-border-bottom and md-align-tabs

Closes #2119

Author: Robert Messerle

src/components/tabs/js/tabsDirective.js

@@ -96,7 +96,7 @@
         dynamicHeight: '=?mdDynamicHeight',
         centerTabs:    '=?mdCenterTabs',
         selectedIndex: '=?mdSelected',
-        stretchTabs: '@?mdStretchTabs'
+        stretchTabs:   '@?mdStretchTabs'
       },
       transclude: true,
       template: '\

src/components/tabs/tabs.scss

@@ -44,6 +44,21 @@ md-tabs {
       }
     }
   }
+  &[md-align-tabs="bottom"] {
+    md-tabs-wrapper {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: $tabs-header-height;
+    }
+  }
+  &[md-border-bottom] {
+    md-tabs-wrapper {
+      border-width: 0 0 1px;
+      border-style: solid;
+    }
+  }
 }
 md-tabs-wrapper {
   display: block;
@@ -88,21 +103,6 @@ md-tabs-wrapper {
       transform: translate3d(-50%, -50%, 0) rotate(180deg);
     }
   }
-  &[md-align-tabs="bottom"] {
-    md-tabs-wrapper {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      height: $tabs-header-height;
-    }
-  }
-  &[md-border-bottom] {
-    md-tabs-wrapper {
-      border-width: 0 0 1px;
-      border-style: solid;
-    }
-  }
   &.md-stretch-tabs {
     md-pagination-wrapper {
       width: 100%;