fix(orb-ui): agent view styles adjustments

orb-community · Oct 20, 2023 · 1e66487 · 1e66487
1 parent be403b4
commit 1e66487
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 10 deletions.
diff --git a/ui/src/app/pages/fleet/agents/view/agent.view.component.html b/ui/src/app/pages/fleet/agents/view/agent.view.component.html
@@ -74,7 +74,7 @@
         </div>
       </div>
     </nb-tab>
-    <nb-tab tabTitle="Proviosioning Commands">
+    <nb-tab tabTitle="Provisioning Commands">
       <div class="row">
         <div class="card-col col-6">
           <ngx-agent-provisioning [agent]="agent" [provisioningType]="default"></ngx-agent-provisioning>

diff --git a/ui/src/app/shared/components/orb/agent/agent-backends/agent-backends.component.html b/ui/src/app/shared/components/orb/agent/agent-backends/agent-backends.component.html
@@ -17,8 +17,8 @@
           </ng-container>
       </nb-tab>
     </nb-tabset>
-    <span *ngIf="agent?.state === agentStates.new" class="summary-accent">
+    <p *ngIf="agent?.state === agentStates.new" class="summary-accent">
       Agent needs to be connected to have a backend.
-    </span>
+    </p>
   </nb-card-body>
 </nb-card>
diff --git a/ui/src/app/shared/components/orb/agent/agent-backends/agent-backends.component.scss b/ui/src/app/shared/components/orb/agent/agent-backends/agent-backends.component.scss
@@ -35,7 +35,12 @@ nb-card {
     span {
       text-align: end;
     }
-
+    p {
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+      font-family: Open Sans, sans-serif !important;
+      color: #969fb9 !important;
+    }
     .active-dataset {
       list-style-type: none;
       margin: 0;

diff --git a/ui/src/app/shared/components/orb/agent/agent-groups/agent-groups.component.html b/ui/src/app/shared/components/orb/agent/agent-groups/agent-groups.component.html
@@ -1,7 +1,7 @@
 <nb-card>
   <nb-card-header>Active Groups</nb-card-header>
   <nb-card-body>
-    <span class="error-accent" *ngIf="errors?.nogroup">{{ errors.nogroup }}</span>
+    <span class="summary-accent" *ngIf="errors?.nogroup">{{ errors.nogroup }}</span>
 
     <ng-container *ngFor="let group of groups; last as isLast" >
       <button class='agent-group-button'

diff --git a/ui/src/app/shared/components/orb/agent/agent-groups/agent-groups.component.scss b/ui/src/app/shared/components/orb/agent/agent-groups/agent-groups.component.scss
@@ -141,3 +141,6 @@ nb-card {
   color: #df316f !important;
   font-weight: 500;
 }
+.summary-accent {
+  color: #969fb9 !important;
+}
diff --git a/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.html b/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.html
@@ -52,7 +52,7 @@
         </nb-accordion-item>
       </nb-accordion>
     </div>
-    <span *ngIf="errors?.nodatasets" class="error-accent">{{
+    <span *ngIf="errors?.nodatasets" class="summary-accent">{{
       errors.nodatasets
     }}</span>
   </nb-card-body>

diff --git a/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.scss b/...hared/components/orb/agent/agent-policies-datasets/agent-policies-datasets.component.scss
@@ -176,10 +176,6 @@ nb-list-item {
   padding: 0.5em !important;
 }
 
-.error-accent {
-  color: #df316f !important;
-  font-weight: 500;
-}
 
 .agent-policy-button {
   color: #ffffff;