[client] update CreateGamePopup

package.json

@@ -1,6 +1,6 @@
 {
     "name": "tankz",
-    "version": "0.14.2",
+    "version": "0.14.3",
     "private": true,
     "devDependencies": {
         "dateformat": "^3.0.3",

src/client/haxe/ru/m/tankz/Style.hx

@@ -37,7 +37,7 @@ class Style {
 
     public static function registerButton(name:String, resource:String):Void {
         resources.skin.put('button.$name', [
-            Skin.size(64, 64),
+            Skin.size(42, 42),
             new ButtonSVGSkin(Assets.getText('resources/image/icon/$resource'), lightColor),
         ]);
         resources.skin.put('button.$name.small', [
@@ -137,7 +137,7 @@ class Style {
             Skin.color(darkColor),
         ]);
         resources.skin.put("panel", [
-            Skin.geometry(new Geometry().setSize("100%", -1).setPadding([20, 10])),
+            Skin.geometry(new Geometry().setSize("100%", -1).setPadding([10, 5])),
             Skin.layout(new Layout().setAlign(NONE, MIDDLE)),
             Skin.color(lightColor),
         ]);

src/client/haxe/ru/m/tankz/render/Render.hx

@@ -77,7 +77,9 @@ class Render extends SpriteView implements IRender {
     }
 
     private function clearLayer(layer:DisplayObjectContainer) {
-        while (layer.numChildren > 0) layer.removeChildAt(0);
+        while (layer.numChildren > 0) {
+            layer.removeChildAt(0);
+        }
     }
 
     public function reset():Void {

src/client/haxe/ru/m/tankz/view/popup/CreateGamePopup.yaml

@@ -4,7 +4,8 @@ layout.vAlign: middle
 view:
   $type: haxework.view.VGroupView
   layout.hAlign: center
-  geometry.size.width: 600
+  geometry.size.stretch: true
+  geometry.margin: 10
   skinId: window
   views:
     - $type: haxework.view.HGroupView
@@ -23,8 +24,8 @@ view:
           skinId: window.close
           +onPress: $code:reject('close')
     - $type: haxework.view.VGroupView
-      geometry.size.width: 100%
+      geometry.size.stretch: true
-      geometry.padding: 20
+      geometry.padding: [5, 20]
       layout.margin: 5
       layout.hAlign: center
       views:
@@ -34,8 +35,9 @@ view:
             text: Type
           - id: type
             $type: haxework.view.DataView
+            geometry.size.width: 100%
             layout:
-              $type: haxework.view.layout.HorizontalLayout
+              $type: haxework.view.layout.TailLayout
               margin: 10
             factory: $this:gameTypeViewFactory
             +onItemSelect: $this:onGameTypeSelect
@@ -47,16 +49,22 @@ view:
             geometry.size.width: 100%
             skinId: text
             text: Level
-          - id: level
+          - $type: haxework.view.ScrollView
-            $type: haxework.view.DataView
+            geometry.size.stretch: true
-            geometry.size.width: 100%
+            scroll:
-            layout:
+                $type: haxework.view.list.VScrollBarView
-              $type: haxework.view.layout.TailLayout
+                skinId: scroll.vertical
-              rowSize: 10
+            view:
-              margin: 5
+                id: level
-            factory: $this:levelViewFactory
+                $type: haxework.view.DataView
-            +onItemSelect: $this:onLevelSelect
+                geometry.size.width: 100%
-            geometry.padding: 10
+                layout:
+                  $type: haxework.view.layout.TailLayout
+                  rowSize: 10
+                  margin: 5
+                factory: $this:levelViewFactory
+                +onItemSelect: $this:onLevelSelect
+                geometry.padding: 10
     - $type: haxework.view.HGroupView
       layout.hAlign: center
       layout.margin: 5