fix(tabs): fixes md-center-tabs css bug

Closes #2638

Author: Robert Messerle

src/components/tabs/js/tabsController.js

@@ -130,8 +130,8 @@ function MdTabsController ($scope, $element, $window, $timeout, $mdConstant, $md
 
   function handleWindowResize () {
     ctrl.lastSelectedIndex = $scope.selectedIndex;
-    updateInkBarStyles();
     ctrl.offsetLeft = fixOffset(ctrl.offsetLeft);
+    $timeout(updateInkBarStyles, 0, false);
   }
 
   function processQueue () {

src/components/tabs/js/tabsDirective.js

@@ -123,7 +123,10 @@ function MdTabs ($mdTheming, $mdUtil, $compile) {
               tabindex="0"\
               aria-activedescendant="tab-item-{{$mdTabsCtrl.tabs[$mdTabsCtrl.focusIndex].id}}"\
               ng-focus="$mdTabsCtrl.redirectFocus()"\
-              ng-class="{ \'md-paginated\': $mdTabsCtrl.shouldPaginate() }"\
+              ng-class="{\
+                  \'md-paginated\': $mdTabsCtrl.shouldPaginate(),\
+                  \'md-center-tabs\': $mdTabsCtrl.shouldCenterTabs()\
+              }"\
               ng-keydown="$mdTabsCtrl.keydown($event)"\
               role="tablist">\
             <md-pagination-wrapper\

src/components/tabs/tabs.scss

@@ -133,6 +133,10 @@ md-tabs-canvas {
   &.md-paginated {
     margin: 0 $tabs-paginator-width;
   }
+  &.md-center-tabs {
+    display: flex;
+    flex-direction: column;
+  }
 }
 md-pagination-wrapper {
   @include pie-clearfix;
@@ -144,10 +148,10 @@ md-pagination-wrapper {
   left: 0;
   transform: translate3d(0, 0, 0);
   &.md-center-tabs {
+    position: relative;
     width: initial;
-    float: left;
-    left: 50%;
-    transform: translate3d(-50%, 0, 0);
+    flex: 1;
+    margin: 0 auto;
   }
 }
 md-tabs-content-wrapper {