From b34bb36dd6093187c7493332116bb7189ea74f85 Mon Sep 17 00:00:00 2001
From: Manol Donev <manol.donev@gmail.com>
Date: Wed, 6 Mar 2019 13:19:40 +0200
Subject: [PATCH] fix: no-dimension stacklayout warning

---
 .../src/app/item/items.component.html                  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/template-hello-world-ng/src/app/item/items.component.html b/packages/template-hello-world-ng/src/app/item/items.component.html
index 8c7ffb56c..f679310b4 100644
--- a/packages/template-hello-world-ng/src/app/item/items.component.html
+++ b/packages/template-hello-world-ng/src/app/item/items.component.html
@@ -14,20 +14,20 @@
 </ActionBar>
 
 <!--
-The StackLayout stacks UI components on the screen — either vertically or horizontally.
-In this case, the StackLayout does vertical stacking; you can change the stacking to
-horizontal by applying a orientation="horizontal" attribute to the <StackLayout> element.
+The GridLayout arranges its child elements in a table structure of rows and columns.
+A cell can contain multiple child elements, they can span over multiple rows and columns, 
+and even overlap each other. The GridLayout has one column and one row by default.
 You can learn more about NativeScript layouts at https://docs.nativescript.org/ui/layout-containers.
 
 These components make use of several CSS class names that are part of the NativeScript
 core theme, such as p-20, btn, h2, and list-group. You can view a full list of the
 class names available for styling your app at https://docs.nativescript.org/ui/theme.
 -->
-<StackLayout class="page">
+<GridLayout class="page">
     <ListView [items]="items" class="list-group">
         <ng-template let-item="item">
             <Label [nsRouterLink]="['/item', item.id]" [text]="item.name"
                 class="list-group-item"></Label>
         </ng-template>
     </ListView>
-</StackLayout>
+</GridLayout>