From 728006dc5c3b2e120ef606bd52ac61898797740e Mon Sep 17 00:00:00 2001
From: Vinay Sharma <vsharma@chef.io>
Date: Fri, 9 Apr 2021 11:44:05 +0530
Subject: [PATCH 1/4] added changes for the tabs CSS

Signed-off-by: Vinay Sharma <vsharma@chef.io>
---
 .../chef-server-details.component.scss        | 33 +------------------
 .../client-details.component.scss             |  1 +
 .../cookbook-details.component.scss           |  1 +
 .../data-bags-details.component.scss          |  1 +
 .../environment-details.component.scss        |  1 +
 .../infra-role-details.component.scss         |  1 +
 .../infra-proxy/infra_shared/shared.scss      | 28 ++++++++++++++++
 .../org-details/org-details.component.scss    |  2 +-
 8 files changed, 35 insertions(+), 33 deletions(-)
 create mode 100644 components/automate-ui/src/app/modules/infra-proxy/infra_shared/shared.scss

diff --git a/components/automate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.scss b/components/automate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.scss
index 80598e4dee5..d9b7ae427f9 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/chef-server-details/chef-server-details.component.scss
@@ -1,4 +1,5 @@
 @import "~styles/variables";
+@import '../infra_shared/shared';
 
 chef-page-header {
   padding-bottom: 0;
@@ -29,38 +30,6 @@ chef-toolbar {
   }
 }
 
-::ng-deep {
-
-  chef-tab-selector {
-    chef-option {
-      margin-right: 4px;
-      color: $chef-primary-dark;
-    }
-
-    ::ng-deep .selected {
-      background-color: $gray-highlight;
-    }
-
-    ::ng-deep .selected::before {
-      height: 4px;
-      background-color: $chef-dark-blue;
-    }
-
-    chef-option:focus {
-      outline: none;
-    }
-
-    ::ng-deep chef-option::before {
-      height: 4px;
-      background-color: $chef-tab-hover;
-    }
-
-    ::ng-deep chef-option:hover::before {
-      background: $chef-azureish-gray;
-    }
-  }
-}
-
 form {
 
   chef-form-field {
diff --git a/components/automate-ui/src/app/modules/infra-proxy/client-details/client-details.component.scss b/components/automate-ui/src/app/modules/infra-proxy/client-details/client-details.component.scss
index 85e00e99729..0cbd5b7b3fd 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/client-details/client-details.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/client-details/client-details.component.scss
@@ -1,6 +1,7 @@
 @import "~styles/variables";
 @import 'app/page-components/json-tree/json-tree.component.scss';
 @import "~styles/mixins";
+@import '../infra_shared/shared';
 
 chef-page-header {
   padding-bottom: 0;
diff --git a/components/automate-ui/src/app/modules/infra-proxy/cookbook-details/cookbook-details.component.scss b/components/automate-ui/src/app/modules/infra-proxy/cookbook-details/cookbook-details.component.scss
index 5d2b6a03706..ea42c577596 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/cookbook-details/cookbook-details.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/cookbook-details/cookbook-details.component.scss
@@ -1,4 +1,5 @@
 @import "~styles/variables";
+@import '../infra_shared/shared';
 
 chef-page-header {
   padding-bottom: 0;
diff --git a/components/automate-ui/src/app/modules/infra-proxy/data-bags-details/data-bags-details.component.scss b/components/automate-ui/src/app/modules/infra-proxy/data-bags-details/data-bags-details.component.scss
index ff69ece16fd..26a27d69b9b 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/data-bags-details/data-bags-details.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/data-bags-details/data-bags-details.component.scss
@@ -1,5 +1,6 @@
 @import "~styles/variables";
 @import 'app/page-components/json-tree/json-tree.component.scss';
+@import '../infra_shared/shared';
 
 chef-page-header {
   padding-bottom: 0;
diff --git a/components/automate-ui/src/app/modules/infra-proxy/environment-details/environment-details.component.scss b/components/automate-ui/src/app/modules/infra-proxy/environment-details/environment-details.component.scss
index be4769110af..b8afc2fe63c 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/environment-details/environment-details.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/environment-details/environment-details.component.scss
@@ -1,5 +1,6 @@
 @import "~styles/variables";
 @import 'app/page-components/json-tree/json-tree.component.scss';
+@import '../infra_shared/shared';
 
 chef-page-header {
   padding-bottom: 0;
diff --git a/components/automate-ui/src/app/modules/infra-proxy/infra-role-details/infra-role-details.component.scss b/components/automate-ui/src/app/modules/infra-proxy/infra-role-details/infra-role-details.component.scss
index bf62e51263c..1a74785ac63 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/infra-role-details/infra-role-details.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/infra-role-details/infra-role-details.component.scss
@@ -1,4 +1,5 @@
 @import "~styles/variables";
+@import '../infra_shared/shared';
 @import '../../../../app/page-components/json-tree/json-tree.component.scss';
 
 chef-page-header {
diff --git a/components/automate-ui/src/app/modules/infra-proxy/infra_shared/shared.scss b/components/automate-ui/src/app/modules/infra-proxy/infra_shared/shared.scss
new file mode 100644
index 00000000000..ab1b3610580
--- /dev/null
+++ b/components/automate-ui/src/app/modules/infra-proxy/infra_shared/shared.scss
@@ -0,0 +1,28 @@
+chef-tab-selector {
+  chef-option {
+    margin-right: 4px;
+    color: $chef-primary-dark;
+  }
+
+  ::ng-deep .selected {
+    background-color: $gray-highlight;
+  }
+
+  ::ng-deep .selected::before {
+    height: 4px;
+    background-color: $chef-dark-blue;
+  }
+
+  chef-option:focus {
+    outline: none;
+  }
+
+  ::ng-deep chef-option::before {
+    height: 4px;
+    background-color: $chef-tab-hover;
+  }
+
+  ::ng-deep chef-option:hover::before {
+    background: $chef-azureish-gray;
+  }
+}
diff --git a/components/automate-ui/src/app/modules/infra-proxy/org-details/org-details.component.scss b/components/automate-ui/src/app/modules/infra-proxy/org-details/org-details.component.scss
index df1ca1fa2db..1063d4ad4bf 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/org-details/org-details.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/org-details/org-details.component.scss
@@ -77,7 +77,7 @@ chef-table {
   }
 
   ::ng-deep button.nav-tab.active {
-    background: $chef-active-grey;
+    background-color: $chef-active-grey;
   }
 
   ::ng-deep button.nav-tab:focus {

From d6be0625cb8f46f8b352b14732699855285a24af Mon Sep 17 00:00:00 2001
From: chaitali-mane <cmane@progress.com>
Date: Thu, 15 Apr 2021 10:27:49 +0530
Subject: [PATCH 2/4] changes for data bag name and border

Signed-off-by: chaitali-mane <cmane@progress.com>
---
 .../infra-proxy/data-bags-list/data-bags-list.component.html  | 2 +-
 .../edit-environment-attribute-modal.component.scss           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html b/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
index e13bdc63046..2486770651e 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
+++ b/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
@@ -18,7 +18,7 @@
   <ng-container  *ngIf="!dataBagsListLoading && !authFailure">
     <chef-toolbar>
       <app-authorized [allOf]="['/api/v0/infra/servers', 'post']">
-        <chef-button primary (click)="openCreateModal()">Create Databag</chef-button>
+        <chef-button primary (click)="openCreateModal()">Create Data Bag</chef-button>
       </app-authorized>
     </chef-toolbar>
     <chef-table *ngIf="dataBags.length">
diff --git a/components/automate-ui/src/app/modules/infra-proxy/edit-environment-attribute-modal/edit-environment-attribute-modal.component.scss b/components/automate-ui/src/app/modules/infra-proxy/edit-environment-attribute-modal/edit-environment-attribute-modal.component.scss
index aa7808ee4a5..9ddd26188b3 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/edit-environment-attribute-modal/edit-environment-attribute-modal.component.scss
+++ b/components/automate-ui/src/app/modules/infra-proxy/edit-environment-attribute-modal/edit-environment-attribute-modal.component.scss
@@ -167,8 +167,8 @@ chef-modal {
 .divider-constraint {
   margin-top: 9px;
   width: 643px;
-  height: 0px;
-  border: 0.5px solid $chef-key-tab;
+  height: 1px;
+  background-color: $chef-key-tab;
 }
 
 .dynamic {

From e0abb01a0b981fddd67d17c70e899dc4fe22953c Mon Sep 17 00:00:00 2001
From: chaitali-mane <cmane@progress.com>
Date: Thu, 15 Apr 2021 11:47:46 +0530
Subject: [PATCH 3/4] changed Data bags text

Signed-off-by: chaitali-mane <cmane@progress.com>
---
 .../infra-proxy/data-bags-list/data-bags-list.component.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html b/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
index 2486770651e..88e079b409b 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
+++ b/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
@@ -42,6 +42,6 @@
   </ng-container>
   <div class="empty-section" *ngIf="!dataBagsListLoading && (dataBags.length === 0)">
     <img alt="No preview" src="/assets/img/no_preview.gif"/>
-    <p>No databags available.</p>
+    <p>No Data Bags available.</p>
   </div>
 </section>

From edc23d56e92b05cc57701994ba6d170b3de01f6d Mon Sep 17 00:00:00 2001
From: chaitali-mane <cmane@progress.com>
Date: Mon, 19 Apr 2021 10:37:18 +0530
Subject: [PATCH 4/4] Conflict Resloved

Signed-off-by: chaitali-mane <cmane@progress.com>
---
 .../data-bags-list/data-bags-list.component.html          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html b/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
index 88e079b409b..2dff4595d6e 100644
--- a/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
+++ b/components/automate-ui/src/app/modules/infra-proxy/data-bags-list/data-bags-list.component.html
@@ -40,8 +40,10 @@
       </chef-tbody>
     </chef-table>
   </ng-container>
-  <div class="empty-section" *ngIf="!dataBagsListLoading && (dataBags.length === 0)">
-    <img alt="No preview" src="/assets/img/no_preview.gif"/>
-    <p>No Data Bags available.</p>
+  <div *ngIf="!authFailure">
+    <div class="empty-section" *ngIf="!dataBagsListLoading && (dataBags.length === 0)">
+      <img alt="No preview" src="/assets/img/no_preview.gif"/>
+      <p>No Data Bags available.</p>
+    </div>
   </div>
 </section>