[view] remove old styles

demo/src/demo/AppTheme.hx

@@ -1,5 +1,6 @@
 package demo;
 
+import haxework.view.geometry.Box;
 import haxework.color.Color;
 import haxework.view.theme.Theme;
 
@@ -13,7 +14,13 @@ class AppTheme extends Theme {
 
     override private function reload():Void {
         super.reload();
-        data.set("view", create(["skin.background.color" => colors.light], ["text"]));
-        data.set("test", create(["skin.background.color" => Color.fromInt(0x00ffff)]));
+        data.set("view", create([
+            "skin.background.color" => colors.light,
+            "skin.border.color" => colors.border,
+            "geometry.padding" => Box.fromFloat(3),
+        ], ["text"]));
+        data.set("test", create([
+            "skin.background.color" => Color.fromInt(0x00ffff),
+        ]));
     }
 }

demo/src/demo/form/TailForm.hx

@@ -16,6 +16,7 @@ import haxework.view.utils.DrawUtil;
         var view:IView<Dynamic>;
         if (value.image != null) {
             var imageView = new ImageView();
+            imageView.style = "view";
             imageView.stretch = false;
             //imageView.style = "border";
             imageView.fillType = FillType.CONTAIN;

demo/src/demo/form/TailForm.yaml

@@ -5,9 +5,10 @@ views:
         view:
             id: data
             $type: haxework.view.data.DataView
+            geometry.padding: 4
             layout:
                 $type: haxework.view.layout.TailLayout
-                margin: 4
+                margin: 6
             factory: ~factory
             geometry.width: 100%
             data: $r:any:data