some css fixes

mlapaglia · Nov 18, 2023 · e7cf620 · e7cf620
1 parent 151b4a3
commit e7cf620
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 17 deletions.
diff --git a/OpenAlprWebhookProcessor/angularapp/src/app/app.component.html b/OpenAlprWebhookProcessor/angularapp/src/app/app.component.html
@@ -34,11 +34,4 @@
             <router-outlet></router-outlet>
         </mat-tab-nav-panel>
 	</mat-sidenav-content>
-</mat-sidenav-container>
-
-
-<span
-    style="display: block; height: 100%; width: 100%;margin:20px; height: 15px; width: 15px;"
-
-    title="live plate updates are enabled"
-    class="pulse"></span>
+</mat-sidenav-container>
diff --git a/OpenAlprWebhookProcessor/angularapp/src/app/settings/cameras/camera/camera.component.html b/OpenAlprWebhookProcessor/angularapp/src/app/settings/cameras/camera/camera.component.html
@@ -14,19 +14,17 @@
         (error)="imageFailedToLoad()"
         alt="last capture from camera">
     <mat-card-content>
-        <div [hidden]="!isLoadingImage"
-            style="height:200px;">
+        <div *ngIf="isLoadingImage"
+            style="display: flex; flex-wrap: wrap; justify-content: center; align-content: center; height:200px;">
             <mat-progress-spinner
                 color="primary"
                 mode="indeterminate">
             </mat-progress-spinner>
         </div>
         <div *ngIf="!camera.sampleImageUrl || isLoadingFailed"
-            class="sample-image"
-            style="height:200px;">
+            style="display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; height:200px;">
             <mat-icon
-                style="font-size: 100px;"
-                [inline]="true"
+                style="font-size: 100px; height: 90px; width: 90px;"
                 matTooltip="Image will display after first plate capture">help_center</mat-icon>
         </div>
         <div>
@@ -60,11 +58,10 @@
     </mat-card-header>
     <mat-card-content>
         <div class="sample-image"
-            style="height:200px; display: flex; justify-content: center; align-items: center;">
+            style="height:200px; display: flex; justify-content: center; align-items: center; cursor: pointer;">
             <mat-icon
-            style="font-size: 100px;"
+            style="font-size: 100px; height: 90px; width: 90px;"
             (click)="addCamera()"
-            inline="true"
             color="primary">add_box</mat-icon>
         </div>
     </mat-card-content>