From 34c87cf3e3a2f62f83bef02aa3fcbf883d64229d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joe=20Ku=CC=88ng?= <joekueng05@gmail.com>
Date: Sun, 23 Apr 2023 15:20:17 +0200
Subject: [PATCH] changes

---
 src/app/list/list.component.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/list/list.component.html b/src/app/list/list.component.html
index 8c35dcb..70fff06 100644
--- a/src/app/list/list.component.html
+++ b/src/app/list/list.component.html
@@ -4,9 +4,11 @@
   </h1>
   <div *ngFor="let locations of locations, let i = index">
     <h3>
-      <a href="location/{{locations.location}}">{{locations.location}}</a>
+      <a class="link link-primary" href="location/{{locations.location}}">{{locations.location}}</a>
     </h3>
-    <h4>Distance: {{distance[i]}}</h4>
+    <div *ngIf="distance[i]">
+      <h4>Distance: {{distance[i]}} km</h4>
+    </div>
   </div>
 </div>
 
@@ -18,7 +20,10 @@
     <h3>
       <a class="link link-primary" href="location/{{location.location}}/{{waypoinst.id}}"> {{waypoinst.name}}</a>
     </h3>
-    <h4>Distance: {{distance[i]}}</h4>
+    <div *ngIf="distance[i]">
+      <h4>Distance: {{distance[i]}} km</h4>
+    </div>
+
   </div>
 
 </div>