[Effen] Use the checkbox widget in the stocks app.

sky/framework/layout.dart

 library layout;
 
 import 'node.dart';
 import 'dart:sky' as sky;
 import 'dart:collection';
 
 // UTILS
 
 // Bridge to legacy CSS-like style specification
 // Eventually we'll replace this with something else
@@ skipping 363 matching lines @@
   }
 
   void markNeedsLayout() {
     super.markNeedsLayout();
 
     // pretend we did the layout:
     RenderCSS child = _firstChild;
     while (child != null) {
       assert(child.parentData is FlexBoxParentData);
       if (child.parentData.flex != null) {
-        child._additionalStylesFromParent = 'flex:${child.parentData.flex};';
+        child._additionalStylesFromParent = 'flex:${child.parentData.flex}';
         child._updateInlineStyleAttribute();
       }
       child = child.parentData.nextSibling;
     }
   }
 
 }
 
 class RenderCSSText extends RenderCSS {
 
   RenderCSSText(debug, String newData) : super(debug) {
     data = newData;
   }
 
   static final Style _displayParagraph = new Style('display:paragraph');
 
+  String stylesToClasses(List<Style> styles) {
+    return super.stylesToClasses(styles) + ' ' + _displayParagraph._className;
+  }
+
   sky.Element createSkyElement() {
     return sky.document.createElement('div')
                       ..setChild(new sky.Text())
-                      ..setAttribute('class', _displayParagraph._className)
                       ..setAttribute('debug', debug.toString());
   }
 
   void set data (String value) {
     (_skyElement.firstChild as sky.Text).data = value;
   }
 
 }
 
 class RenderCSSImage extends RenderCSS {
@@ skipping 56 matching lines @@
   print(prefix + node.toString() + _attributes(node));
   var children = node.getChildNodes();
   prefix = prefix + '  ';
   for (var child in children)
     _serialiseDOM(child, prefix);
 }
 
 void dumpState() {
   _serialiseDOM(sky.document);
 }