UI cosmetic improvements (#1486)

* resize alerts and modals

* fix log color

* closes #1404

Co-authored-by: Matt Hill <matthill@Matt-M1.local>

frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.ts

@@ -144,7 +144,6 @@ export class BackupDrivesComponent {
     const loader = await this.loadingCtrl.create({
       spinner: 'lines',
       message: 'Testing connectivity to shared folder...',
-      cssClass: 'loader',
     })
     await loader.present()
 
@@ -203,7 +202,6 @@ export class BackupDrivesComponent {
     const loader = await this.loadingCtrl.create({
       spinner: 'lines',
       message: 'Testing connectivity to shared folder...',
-      cssClass: 'loader',
     })
     await loader.present()
 
@@ -221,7 +219,6 @@ export class BackupDrivesComponent {
     const loader = await this.loadingCtrl.create({
       spinner: 'lines',
       message: 'Removing...',
-      cssClass: 'loader',
     })
     await loader.present()
 

frontend/projects/ui/src/app/components/logs/logs.page.ts

@@ -5,6 +5,9 @@ import { RR } from 'src/app/services/api/api.types'
 var Convert = require('ansi-to-html')
 var convert = new Convert({
   bg: 'transparent',
+  colors: {
+    4: 'Cyan',
+  },
 })
 
 @Component({