From 720e0ad3b8c7f7bd8f5a53e2f2da27b8837a9659 Mon Sep 17 00:00:00 2001
From: Matt Hill <matthewonthemoon@gmail.com>
Date: Sat, 25 Sep 2021 15:48:28 -0600
Subject: [PATCH] minor changes

---
 ui/src/app/app.component.html                          |  2 +-
 .../app/pages/apps-routes/app-list/app-list.page.html  | 10 ++++++++--
 .../app/pages/apps-routes/app-list/app-list.page.scss  |  8 +-------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/ui/src/app/app.component.html b/ui/src/app/app.component.html
index ba6cd258f..824f0b989 100644
--- a/ui/src/app/app.component.html
+++ b/ui/src/app/app.component.html
@@ -113,7 +113,7 @@
       <ion-icon name="storefront-outline"></ion-icon>
       <ion-icon name="terminal-outline"></ion-icon>
       <ion-icon name="trash-outline"></ion-icon>
-      <ion-icon name="warning-outline"></ion-icon>
+      <ion-icon name="warning"></ion-icon>
       <ion-icon name="wifi"></ion-icon>
       
       <!-- Ionic components -->
diff --git a/ui/src/app/pages/apps-routes/app-list/app-list.page.html b/ui/src/app/pages/apps-routes/app-list/app-list.page.html
index 72925342b..554cb7de9 100644
--- a/ui/src/app/pages/apps-routes/app-list/app-list.page.html
+++ b/ui/src/app/pages/apps-routes/app-list/app-list.page.html
@@ -36,7 +36,7 @@
                 [style.background-color]="connectionFailure ? 'var(--ion-color-dark)' : 'var(--ion-color-' + pkg.value.primaryRendering.color + ')'"
               >
               </div>
-              <ion-icon *ngIf="pkg.value.error" class="warning-icon" name="warning-outline" color="warning"></ion-icon>
+              <ion-icon *ngIf="pkg.value.error" class="warning-icon" name="warning" color="warning"></ion-icon>
               
               <div class="launch-container" *ngIf="pkg.value.entry.manifest.interfaces | hasUi">
                 <div class="launch-button-triangle"  (click)="launchUi(pkg.value.entry, $event)" [class.launch-disabled]="!(pkg.value.entry.state | isLaunchable : pkg.value.entry.installed?.status.main.status : pkg.value.entry.manifest.interfaces)">
@@ -52,7 +52,13 @@
               <ion-card-content>
                 <ion-toolbar class="status-toolbar">
                   <ion-title>
-                    <ion-text *ngIf="!!pkg.value.installProgress" color="primary">{{ pkg.value.entry.state | titlecase }}...{{ pkg.value.installProgress.totalProgress }}%</ion-text>
+                    <ion-text
+                      *ngIf="!!pkg.value.installProgress"
+                      color="primary"
+                      style="font-weight: bold; font-size: calc(10px + .3vw);"
+                    >
+                      {{ pkg.value.entry.state | titlecase }} {{ pkg.value.installProgress.totalProgress }}%
+                    </ion-text>
                     <status
                       *ngIf="[PackageState.Installed, PackageState.Removing] | includes : pkg.value.entry.state"
                       [disconnected]="connectionFailure"
diff --git a/ui/src/app/pages/apps-routes/app-list/app-list.page.scss b/ui/src/app/pages/apps-routes/app-list/app-list.page.scss
index 4f74c369a..687f5ce54 100644
--- a/ui/src/app/pages/apps-routes/app-list/app-list.page.scss
+++ b/ui/src/app/pages/apps-routes/app-list/app-list.page.scss
@@ -80,12 +80,6 @@
 }
 
 .status-toolbar {
-  --min-height: 42px;
+  --min-height: 36px;
   border-radius: 6px;
-  ion-icon {
-    font-size: calc(10px + .5vw);
-    position: absolute;
-    right: 10px;
-    top: calc(2vh);
-  }
 }