Merge pull request #136 from NativeScript/niliev/custom-directives

custom component UI update

Author: NickIliev

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,

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>