Make stocks-fn match the style for the Sky SDK

sky/examples/stocks-fn/stockrow.dart

Index: sky/examples/stocks-fn/stockrow.dart
diff --git a/sky/examples/stocks-fn/stockrow.dart b/sky/examples/stocks-fn/stockrow.dart
deleted file mode 100644
index 4d7d688256eec7b019d6fffc7f54b296c5e43f9e..0000000000000000000000000000000000000000
--- a/sky/examples/stocks-fn/stockrow.dart
+++ /dev/null
@@ -1,69 +0,0 @@
-part of stocksapp;
-
-class StockRow extends Component {
-
-  Stock stock;
-
-  static Style _style = new Style('''
-    transform: translateX(0);
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid #F4F4F4;
-    padding-top: 16px;
-    padding-left: 16px;
-    padding-right: 16px;
-    padding-bottom: 20px;'''
-  );
-
-  static Style _tickerStyle = new Style('''
-    flex: 1;'''
-  );
-
-  static Style _lastSaleStyle = new Style('''
-    text-align: right;
-    padding-right: 16px;'''
-  );
-
-  static Style _changeStyle = new Style('''
-    ${typography.black.caption};
-    text-align: right;'''
-  );
-
-  StockRow({Stock stock}) : super(key: stock.symbol) {
-    this.stock = stock;
-  }
-
-  Node build() {
-    String lastSale = "\$${stock.lastSale.toStringAsFixed(2)}";
-
-    String changeInPrice = "${stock.percentChange.toStringAsFixed(2)}%";
-    if (stock.percentChange > 0)
-      changeInPrice = "+" + changeInPrice;
-
-    List<Node> children = [
-      new StockArrow(
-        percentChange: stock.percentChange
-      ),
-      new Container(
-        key: 'Ticker',
-        style: _tickerStyle,
-        children: [new Text(stock.symbol)]
-      ),
-      new Container(
-        key: 'LastSale',
-        style: _lastSaleStyle,
-        children: [new Text(lastSale)]
-      ),
-      new Container(
-        key: 'Change',
-        style: _changeStyle,
-        children: [new Text(changeInPrice)]
-      )
-    ];
-
-    return new Material(
-      style: _style,
-      children: children
-    );
-  }
-}