added some changes for the PR review comments

Signed-off-by: vinay033 <[email protected]>
chef · May 13, 2019 · 73a5f5b · 73a5f5b
1 parent ae39e6f
commit 73a5f5b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/components/automate-ui/src/app/pages/api-token/list/api-token-list.component.html b/components/automate-ui/src/app/pages/api-token/list/api-token-list.component.html
@@ -31,17 +31,16 @@
         <app-authorized [anyOf]="[['/iam/v2beta/tokens', 'post'], ['/auth/tokens', 'post']]">
           <div *ngIf="(sortedApiTokens$ | async)?.length === 0" class="token-empty-state">
             <p>Create the first token to get started!</p>
-            <chef-button id="create-button" primary (click)="openCreateModal()">Create Token</chef-button>
           </div>
-          <div *ngIf="(sortedApiTokens$ | async)?.length > 0">
+          <div [ngClass]="(sortedApiTokens$ | async)?.length === 0 ? 'token-empty-state' : ''">
             <chef-button id="create-button" primary (click)="openCreateModal()">Create Token</chef-button>
           </div>
         </app-authorized>
       </chef-toolbar>
       <app-authorized [anyOf]="[['/iam/v2beta/tokens', 'get'], ['/auth/tokens', 'get']]">
-        <chef-table>
+        <chef-table *ngIf="(sortedApiTokens$ | async)?.length > 0">
           <chef-thead>
-            <chef-tr *ngIf="(sortedApiTokens$ | async)?.length > 0">
+            <chef-tr>
               <chef-th>Name</chef-th>
               <chef-th>Created date</chef-th>
               <chef-th>Status</chef-th>

diff --git a/components/automate-ui/src/app/pages/api-token/list/api-token-list.component.scss b/components/automate-ui/src/app/pages/api-token/list/api-token-list.component.scss
@@ -8,10 +8,10 @@ chef-table {
 
 .token-empty-state {
   text-align: center;
-  margin-top: 30px;
 
   p {
     font-size: 18px;
     font-weight: 400;
+    margin-top: 35px;
   }
 }