[Effen] Convert action_bar.dart to using a FlexContainer.

sky/framework/components/action_bar.dart

Index: sky/framework/components/action_bar.dart
diff --git a/sky/framework/components/action_bar.dart b/sky/framework/components/action_bar.dart
index e0b2ddfe75666ed657d79812fb274985916a9800..f874009412c7ed6093f5215b1b9b2a3f9aa5b502 100644
--- a/sky/framework/components/action_bar.dart
+++ b/sky/framework/components/action_bar.dart
@@ -3,13 +3,12 @@
 // found in the LICENSE file.
 
 import '../fn.dart';
+import '../layout.dart';
 import '../theme/view_configuration.dart';
 import 'material.dart';
 
 class ActionBar extends Component {
   static final Style _style = new Style('''
-    display: flex;
-    flex-direction: row;
     align-items: center;
     height: 56px;
     padding: 0 8px;
@@ -38,7 +37,10 @@ class ActionBar extends Component {
       children.addAll(right);
 
     return new Material(
-      content: new Container(style: _style, children: children),
+      content: new FlexContainer(
+        style: _style,
+        children: children,
+        direction: FlexDirection.Row),
       level: 2);
   }
 }