StockRow height, background color updates

sky/examples/stocks2/lib/stock_row.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-import 'dart:sky' as sky;
-
 import 'package:sky/rendering/box.dart';
 import 'package:sky/theme2/typography.dart' as typography;
 import 'package:sky/widgets/ink_well.dart';
 import 'package:sky/widgets/basic.dart';
 import 'package:sky/rendering/paragraph.dart';
 
 import 'stock_arrow.dart';
 import 'stock_data.dart';
 
 class StockRow extends Component {
 
   StockRow({ Stock stock }) : this.stock = stock, super(key: stock.symbol);
 
   final Stock stock;
 
-  static const double kHeight = 70.0;
+  static const double kHeight = 79.0;

[Hixie, 2015/06/15 17:54:39]

We should figure out how to dynamically measure this.

[hansmuller, 2015/06/15 18:29:08]

I agree. We shouldn't be wiring down the heights of things like this. I'd like
to try to improve that in a followup CL[s].

 
   UINode build() {
     String lastSale = "\$${stock.lastSale.toStringAsFixed(2)}";
 
     String changeInPrice = "${stock.percentChange.toStringAsFixed(2)}%";
     if (stock.percentChange > 0) changeInPrice = "+" + changeInPrice;
 
     List<UINode> children = [
       new Container(
           child: new StockArrow(percentChange: stock.percentChange),
           margin: const EdgeDims.only(right: 5.0)),
       new FlexExpandingChild(new Text(stock.symbol), flex: 2, key: "symbol"),
       // TODO(hansmuller): text-align: right
       new FlexExpandingChild(new Text(lastSale,
             style: const TextStyle(textAlign: TextAlign.right)),
           key: "lastSale"),
       new FlexExpandingChild(new Text(changeInPrice,
           style: typography.black.caption.copyWith(textAlign: TextAlign.right)),
         key: "changeInPrice")
     ];
 
     // TODO(hansmuller): An explicit |height| shouldn't be needed
     return new InkWell(
       child: new Container(
         padding: const EdgeDims(16.0, 16.0, 20.0, 16.0),
         height: kHeight,
         decoration: const BoxDecoration(
             border: const Border(
-                bottom: const BorderSide(color: const sky.Color(0xFFF4F4F4)))),
+                bottom: const BorderSide(color: const Color(0xFFF4F4F4)))),
         child: new Flex(children)
       )
     );
   }
 }