tracking parts

src/app/components/tracking/tracking.component.ts

@@ -63,7 +63,10 @@ export class TrackingComponent implements OnInit {
           lat: 1.0667172756631198,
           lng: 103.96214500683499
         },
-        zoom: 5
+        zoom: 15,
+        // mapTypeId: google.maps.MapTypeId.ROADMAP,
+        streetViewControl: true,
+        disableDefaultUI: true
       }
     });
   }

src/app/pages/home/home.page.html

@@ -119,13 +119,16 @@
 <!--      <ion-title>{{walletDescription}}</ion-title>-->
     </ion-toolbar>
 
-    <ion-card>
+    <ion-card  class="map-sec">
       <app-tracking></app-tracking>
-<!--      <ion-card-header>-->
-<!--        <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
-<!--      </ion-card-header>-->
       <ion-card-content>
-        Here's a small text description for the card content. Nothing more, nothing less.
+        <ion-list>
+          <ion-item lines="none">
+            <ion-icon name="chevron-forward-outline" slot="end"></ion-icon>
+<!--            <ion-icon aria-hidden="true" name="airplane" ></ion-icon>-->
+            <ion-label>Family Location</ion-label>
+          </ion-item>
+        </ion-list>
       </ion-card-content>
     </ion-card>
 

src/app/pages/home/home.page.scss

@@ -47,6 +47,23 @@ ion-header {
     }
   }
 }
+.map-sec{
+  background-color: #e7efd6;
+  ion-card-content{
+    margin: 2px;
+    padding: 5px;
+    ion-list{
+      margin: 0px;
+      padding: 2px;
+      background-color: #e7efd6;
+      ion-item{
+        margin: 0px;
+        padding: 0px;
+        --background-color: #e7efd6;
+      }
+    }
+  }
+}
 .fam1{
   margin:10px 0px 10px 0px;
   border-radius: 10px;