change demo to look a bit better

Author: PeterStaev

demo-ng/app/App_Resources/Android/AndroidManifest.xml

@@ -22,7 +22,7 @@
 		android:name="com.tns.NativeScriptApplication"
 		android:allowBackup="true"
 		android:icon="@drawable/icon"
-		android:label="@string/app_name"
+		android:label="GridView NG"
 		android:theme="@style/AppTheme">
 
 		<activity

demo-ng/app/App_Resources/Android/app.gradle

@@ -8,7 +8,7 @@
 android {  
   defaultConfig {  
     generatedDensities = []
-    applicationId = "org.nativescript.tnsnggridview"  
+    applicationId = "com.tangrainc.nggridviewsample"  
   }  
   aaptOptions {  
     additionalParameters "--no-version-vectors"  

demo-ng/app/App_Resources/iOS/Info.plist

@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-	<string>${PRODUCT_NAME}</string>
+	<string>GridView NG</string>
 	<key>CFBundleExecutable</key>
 	<string>${EXECUTABLE_NAME}</string>
 	<key>CFBundleInfoDictionaryVersion</key>

demo-ng/app/app.module.ts

@@ -16,7 +16,7 @@ import { ItemDetailComponent } from "./item/item-detail.component";
 import { GridViewModule } from 'nativescript-grid-view/angular';
 import * as trace from 'tns-core-modules/trace';
 trace.setCategories('ns-grid-view');
-trace.enable();
+// trace.enable();
 
 @NgModule({
     bootstrap: [

demo-ng/app/item/items.component.html

@@ -10,7 +10,7 @@
 The ActionBar is the NativeScript common abstraction over the Android ActionBar and iOS NavigationBar.
 http://docs.nativescript.org/ui/action-bar
 -->
-<ActionBar title="My App" class="action-bar">
+<ActionBar title="GridView NG" class="action-bar">
 </ActionBar>
 
 <!--
@@ -24,10 +24,10 @@
 class names available for styling your app at https://docs.nativescript.org/ui/theme.
 -->
 <GridLayout class="page">
-  <GridView [items]="items">
+  <GridView [items]="items" colWidth="30%" rowHeight="100">
     <ng-template let-item="item" let-odd="odd">
-      <StackLayout [nsRouterLink]="['/item', item.id]" borderColor="blue" borderWidth="2" borderRadius="5" verticalAlignment="stretch" class="list-group-item" [class.odd]="odd">
-        <Label verticalAlignment="center" [text]="item.name" class="list-group-item-text"></Label>
+      <StackLayout margin="10" [nsRouterLink]="['/item', item.id]" borderColor="blue" borderWidth="2" borderRadius="5" verticalAlignment="stretch" class="list-group-item" [class.odd]="odd">
+        <Label verticalAlignment="center" [text]="item.name" class="list-group-item-text" textWrap="true"></Label>
       </StackLayout>
     </ng-template>
   </GridView>

demo-ng/package.json

@@ -50,8 +50,8 @@
     "ns-bundle": "ns-bundle",
     "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
     "generate-android-snapshot": "generate-android-snapshot --targetArchs arm,arm64,ia32 --install",
-    "start-android-bundle": "npm run ns-bundle --android --run-app --uglify",
-    "start-ios-bundle": "npm run ns-bundle --ios --run-app --uglify",
+    "start-android-bundle": "npm run ns-bundle --android --run-app",
+    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
     "build-android-bundle": "npm run ns-bundle --android --build-app",
     "build-ios-bundle": "npm run ns-bundle --ios --build-app"
   }