minor css change

Signed-off-by: Mohd. Shariq <mohd.shariq@nerdapplabs.com>
fledge-iot · Jun 24, 2024 · 0db740c · 0db740c
1 parent df62713
commit 0db740c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/app/components/core/user-management/user-management.component.html b/src/app/components/core/user-management/user-management.component.html
@@ -3,19 +3,19 @@
     <header>
       <div class="tabs">
         <ul>
-          <li [ngClass]="{'is-active': seletedTab == 1}">
+          <li [ngClass]="{'is-active': selectedTab == 1}">
             <h6 class="is-6 has-text-weight-semibold">
               <a (click)="showDiv(1)">User Management</a>
             </h6>
           </li>
-          <li [ngClass]="{'is-active': seletedTab == 2}">
+          <li [ngClass]="{'is-active': selectedTab == 2}">
             <h6 class="is-6 has-text-weight-semibold">
               <a (click)="showDiv(2)">Roles</a>
             </h6>
           </li>
           <li class="action-items">
             <div class="columns is-vcentered m-0 p-0">
-              <div *ngIf="seletedTab == 1" class="column is-narrow px-0">
+              <div *ngIf="selectedTab == 1" class="column is-narrow px-0">
                 <a type="button" (click)="getUsers()" class="button is-small" title="Reload" id="refresh-check">
                   <i class="fa fa-sm fa-sync" aria-hidden="true"></i>
                 </a>
@@ -32,7 +32,7 @@ <h6 class="is-6 has-text-weight-semibold">
       </div>
     </header>
     <div class="card-content card-data">
-      <div *ngIf="seletedTab == 1" id="user-management" #management>
+      <div *ngIf="selectedTab == 1" id="user-management" #management>
         <div class="is-responsive">
           <table class="table is-hoverable user-table">
             <thead id="head">
@@ -49,7 +49,7 @@ <h6 class="is-6 has-text-weight-semibold">
             </thead>
             <tbody>
               <tr *ngFor="let user of userRecord; let i = index;">
-                <td class="pr-0">
+                <td class="pr-1">
                   <span
                     [title]="'User blocked temporarily ' + user.blockUntil + ', due to multiple login attempts with invalid credentials.'">
                     <i *ngIf="user?.blockUntil" class="bi bi-person-lock has-text-danger" aria-hidden="true"></i>
@@ -123,7 +123,7 @@ <h6 class="is-6 has-text-weight-semibold">
           </table>
         </div>
       </div>
-      <div *ngIf="seletedTab == 2">
+      <div *ngIf="selectedTab == 2">
         <table class="table scroll is-responsive">
           <thead>
             <tr>

diff --git a/src/app/components/core/user-management/user-management.component.ts b/src/app/components/core/user-management/user-management.component.ts
@@ -24,7 +24,7 @@ export class UserManagementComponent implements OnInit, OnDestroy {
   public userRecord;
   public uid: string;
   public roles = [];
-  seletedTab: Number = 1;  // 1: user-management , 2 : roles
+  selectedTab: Number = 1;  // 1: user-management , 2 : roles
   private viewPortSubscription: Subscription;
   viewPort: any = '';
 
@@ -280,9 +280,9 @@ export class UserManagementComponent implements OnInit, OnDestroy {
   }
 
   showDiv(id) {
-    this.seletedTab = 1;
+    this.selectedTab = 1;
     if (id === 2) {
-      this.seletedTab = id;
+      this.selectedTab = id;
     }
   }