Merge pull request #369 from NativeScript/niliev/icons

docs: move font icons article

Author: tsonevn

app/app.routes.ts

@@ -52,7 +52,7 @@ export const routes = [
     },
     {
         path: "icon-fonts",
-        loadChildren: "./ng-ui-widgets-category/icon-fonts/iconfonts-examples.module#IconFontsExamplesModule",
+        loadChildren: "./ng-ui-category/icon-fonts/iconfonts-examples.module#IconFontsExamplesModule",
         data: { title: "IconFonts" }
     },
     {

app/ng-ui-widgets-category/icon-fonts/basics/article.md renamed to app/ng-ui-category/icon-fonts/basics/article.md

@@ -1,6 +1,6 @@
 
-<StackLayout class="m-16">
-    <Label text="Icon Fonts demonstration" class="h3"></Label>
+<StackLayout class="m-16" horizontalAlignment="center">
+    <Label text="Icon Fonts demonstration" fontSize="18"></Label>
 
     <!-- >> icon-font-xml-def -->
     <!-- Using fa-regular-400.ttf -->

app/ng-ui-widgets-category/icon-fonts/basics/basic.component.html renamed to app/ng-ui-category/icon-fonts/basics/basic.component.html

@@ -23,7 +23,7 @@
 }
 
 Label {
-    font-size: 18;
+    font-size: 48;
     color: #66ccff;
     margin: 8;
 }

app/ng-ui-widgets-category/icon-fonts/basics/basic.component.ts renamed to app/ng-ui-category/icon-fonts/basics/basic.component.ts

@@ -2,9 +2,9 @@
     <!-- >> icon-font-code-behind-html -->
     <ListView [items]="glyphs">
         <ng-template let-item="item">
-            <StackLayout orientation="horizontal">
+            <StackLayout orientation="horizontal" horizontalAlignment="center">
                 <Label [text]="item.icon" class="ico"></Label>
-                <Label [text]="item.code" class="m-l-8"></Label>
+                <Label [text]="item.code"></Label>
             </StackLayout>
         </ng-template>
     </ListView>

app/ng-ui-widgets-category/icon-fonts/basics/basic.css renamed to app/ng-ui-category/icon-fonts/basics/basic.css

@@ -24,4 +24,5 @@ Label.icon {
 Label {
     font-size: 18;
     color: #66ccff;
+    margin: 8 32 8 23;
 }