feature(dependencies): add @angular/flex-layout (closes #239) (#334)

* chore(): add @angular/flex-layout as dependency

* chore(): add @angular/flex-layout as as a @covalent/core dependency

for the time being, we will be fixed to a specific version since its a beta release.

* feature(paging): leverage flex-layout in paging module.

* feature(search): leverage flex-layout in search module

* revert: chore(): leverage flex-layout in paging module

* revert: chore(): leverage flex-layout in search module

package.json

@@ -58,6 +58,7 @@
     "@angular/compiler": "^2.4.5",
     "@angular/core": "^2.4.5",
     "@angular/forms": "^2.4.5",
+    "@angular/flex-layout": "2.0.0-beta.5",
     "@angular/http": "^2.4.5",
     "@angular/material": "2.0.0-beta.1",
     "@angular/platform-browser": "^2.4.5",

src/platform/core/index.ts

@@ -5,6 +5,7 @@ import { HttpModule, JsonpModule } from '@angular/http';
 import { FormsModule } from '@angular/forms';
 
 import { MaterialModule } from '@angular/material';
+import { FlexLayoutModule } from '@angular/flex-layout';
 
 /**
  * COMMON
@@ -118,6 +119,7 @@ export * from './steps/steps.module';
     FormsModule,
     CommonModule,
     MaterialModule.forRoot(),
+    FlexLayoutModule,
     CovalentCommonModule.forRoot(),
     CovalentChipsModule.forRoot(),
     CovalentDataTableModule.forRoot(),
@@ -140,6 +142,7 @@ export * from './steps/steps.module';
     FormsModule,
     CommonModule,
     MaterialModule,
+    FlexLayoutModule,
     CovalentCommonModule,
     CovalentChipsModule,
     CovalentDataTableModule,

src/platform/core/package.json

@@ -37,6 +37,7 @@
     "Jeremy Smartt <[email protected]>"
   ],
   "dependencies": {
+    "@angular/flex-layout": "2.0.0-beta.5",
     "@angular/material": "2.0.0-beta.1"
   },
   "peerDependencies": {

src/platform/core/paging/paging-bar.component.scss

@@ -3,9 +3,9 @@
 }
 .td-paging-bar {
   height: 48px;
-}
-[layout="row"] > * {
-  margin: 0 10px;
+  > * {
+    margin: 0 10px;
+  }
 }
 [md-icon-button] {
   font-size: 12px;