fixed image/package price issues

app/.vs/VSWorkspaceState.json

@@ -3,14 +3,14 @@
     "",
     "\\src",
     "\\src\\app",
-    "\\src\\app\\components\\nav-menu",
+    "\\src\\app\\catalog\\packages",
-    "\\src\\app\\help",
+    "\\src\\app\\instances",
-    "\\src\\app\\help\\help",
+    "\\src\\app\\networking\\firewall-rule-editor",
-    "\\src\\app\\networking\\networks",
+    "\\src\\app\\security\\helpers",
-    "\\src\\app\\volumes",
     "\\src\\assets",
-    "\\src\\assets\\help"
+    "\\src\\assets\\i18n",
+    "\\src\\assets\\i18n\\networking"
   ],
-  "SelectedNode": "\\src\\assets\\help\\readme.md",
+  "SelectedNode": "\\src\\app\\instances\\instances.component.html",
   "PreviewInSolutionExplorer": false
 }

app/src/app/catalog/packages/packages.component.html

@@ -22,7 +22,7 @@
               <span class="d-block">
                 <span class="h3 text-uppercase">
                   {{ pkg.name }}
-                  <span class="price" *ngIf="pkg.price">{{ pkg.price | currency }}/h</span>
+                  <span class="price" *ngIf="pkg.price">{{ pkg.price | currency: 'USD': 'symbol': '1.0-2' }}/h</span>
                   <!--<small *ngIf="pkg.brand">{{ pkg.brand }}</small>-->
                 </span>
                 <small class="text-faded pb-1 d-block">

app/src/app/instances/instance-wizard/instance-wizard.component.html

@@ -63,13 +63,13 @@
                       <span class="d-block">
                         <span class="h3">
                           {{ image.name }} 
-                          <span class="price" *ngIf="image.price">{{ image.price | currency }}</span>
+                          <span class="price" *ngIf="image.price">{{ image.price | currency: 'USD': 'symbol': '1.0-2' }}/month</span>
                         </span>
                         <small class="text-faded pb-1 d-block">v<b>{{ image.version }}</b></small>
                       </span>
                       <span class="small">
                         <span class="text-faded align-middle">{{ image.description }}</span>
-                        <a [href]="image.homepage" class="small" target="_blank">
+                        <a *ngIf="image.homepage" [href]="image.homepage" class="small" target="_blank">
                           more
                           <fa-icon icon="external-link-alt" size="sm"></fa-icon>
                         </a>

app/src/app/instances/instances.component.html

@@ -101,7 +101,7 @@
             <div class="row g-0">
               <div class="card-info" [ngClass]="showMachineDetails ? 'col-lg-4' : 'col'">
                 <div>
-                  <h5 class="card-title text-truncate" [tooltip]="instance.name" container="body" placement="top"
+                  <h5 class="card-title text-truncate" [tooltip]="instance.name" container="body" placement="top left"
                       [adaptivePosition]="false">
                     {{ instance.name }}
                   </h5>