From ab1ff22451b04a91959bde33d3b947cd50ab01ea Mon Sep 17 00:00:00 2001
From: Nikolay Iliev <Nikolay.Iliev@telerik.com>
Date: Tue, 20 Dec 2016 09:27:10 +0200
Subject: [PATCH 1/2] custom component UI update

---
 app/ui-category/button/button-examples.module.ts              | 3 ++-
 .../create-custom-directive.component.html                    | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/ui-category/button/button-examples.module.ts b/app/ui-category/button/button-examples.module.ts
index 9cab9dc5..92c9df2e 100644
--- a/app/ui-category/button/button-examples.module.ts
+++ b/app/ui-category/button/button-examples.module.ts
@@ -36,7 +36,8 @@ export const routerConfig = [
         TitleAndNavButtonModule,
         NativeScriptModule,
         NativeScriptRouterModule,
-        NativeScriptFormsModule, NativeScriptRouterModule.forChild(routerConfig)
+        NativeScriptFormsModule, 
+        NativeScriptRouterModule.forChild(routerConfig)
     ],
     declarations: [
         ButtonExamplesComponent,
diff --git a/app/ui-category/ng-directives/create-custom-directive/create-custom-directive.component.html b/app/ui-category/ng-directives/create-custom-directive/create-custom-directive.component.html
index c172d3e8..1cd2ce09 100644
--- a/app/ui-category/ng-directives/create-custom-directive/create-custom-directive.component.html
+++ b/app/ui-category/ng-directives/create-custom-directive/create-custom-directive.component.html
@@ -1,8 +1,8 @@
 <FlexboxLayout flexDirection="column" class="p-15" sdkExampleTitle sdkToggleNavButton>
-    <Label class="p-15 m-b-15" text="With our custom directive the grid below will be blue square in iOS and purple circle in Android"
+    <Label class="p-15 m-b-15" text="With our custom directive the grid below will be blue square in iOS and green circle in Android"
         textWrap="true"></Label>
     <!-- >> custom-directive-html -->
-    <GridLayout *sdkIfAndroid class="bg-primary" width="300" height="300" borderRadius="150"></GridLayout>
+    <GridLayout *sdkIfAndroid width="300" height="300" backgroundColor="#a4c639" borderRadius="150"></GridLayout>
     <GridLayout *sdkIfIos width="300" height="300" backgroundColor="#0099CC" borderRadius="2"></GridLayout>
     <!-- << custom-directive-html -->
 </FlexboxLayout>
\ No newline at end of file

From e1241e787205a2f03665282a9a9bafd31480efc4 Mon Sep 17 00:00:00 2001
From: Nikolay Iliev <Nikolay.Iliev@telerik.com>
Date: Tue, 20 Dec 2016 09:43:25 +0200
Subject: [PATCH 2/2] UI update + tslint

---
 app/ui-category/button/button-examples.module.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/ui-category/button/button-examples.module.ts b/app/ui-category/button/button-examples.module.ts
index 92c9df2e..eb0a887f 100644
--- a/app/ui-category/button/button-examples.module.ts
+++ b/app/ui-category/button/button-examples.module.ts
@@ -36,7 +36,7 @@ export const routerConfig = [
         TitleAndNavButtonModule,
         NativeScriptModule,
         NativeScriptRouterModule,
-        NativeScriptFormsModule, 
+        NativeScriptFormsModule,
         NativeScriptRouterModule.forChild(routerConfig)
     ],
     declarations: [