Fix ionic icons to use from the app too

Author: jdnichollsc

nativescript/src/_app-common.scss

@@ -8,11 +8,6 @@
 // Import the theme’s main ruleset.
 @import '~nativescript-theme-core/scss/index';
 
-.container {
-    margin:40;
-}
-
-.h1 {
-    font-size:32px;
-    font-weight:bold;
+.ion-icon {
+    font-family: 'Ionicons';
 }

nativescript/src/fonts

@@ -0,0 +1 @@
+/Users/jdnichollsc/dev/proyecto26/nativescript-ionic-template/src/fonts

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "angular-native-seed",
+  "name": "nativescript-ionic-template",
   "version": "0.0.0",
   "scripts": {
     "postinstall": "node symlink.js",

src/app/+about/components/about/about.component.tns.html

@@ -1,6 +1,4 @@
 <GridLayout rows="auto,auto">
     <Label class="h1 title"
-        [text]="'about.title' | translate"></Label>
-    <Label class="p description" textWrap="true" row="1"
-        [text]="'about.description' | translate"></Label>
+        text="About me!"></Label>
 </GridLayout>

src/app/home/components/home/home.component.scss

@@ -1,4 +1,8 @@
 img{
     width: auto;
     max-height: 300px;
+}
+
+.ion-icon.contact {
+    font-size: 35;
 }

src/app/home/components/home/home.component.tns.html

@@ -1,5 +1,8 @@
 <Page xmlns:Card="nativescript-cardview">
     <ActionBar title="NativeScript Mobile App, yay!">
+        <ActionItem ios.position="right">
+            <Button class="ion-icon contact" text="{{ '\uf41a' }}" [routerLink]="'/about'"></Button>
+        </ActionItem>
     </ActionBar>
     <scroll-view>
         <GridLayout rows="auto, *">

src/assets/fonts/ionicons.ttf src/fonts/Ionicons.ttfsrc/assets/fonts/ionicons.ttf renamed to src/fonts/Ionicons.ttf

@@ -2,5 +2,5 @@
 // --------------------------------------------------
 // The premium icon font for Ionic. For more info, please see:
 // http://ionicframework.com/docs/v2/ionicons/
-$font-path: "./assets/fonts";
-$ionicons-font-path: "./assets/fonts";
+$font-path: "./fonts";
+$ionicons-font-path: "./fonts";