[YUNIKORN-2379] Adjust layout of node utilization chart(Web) (#165)

Closes: #165 Signed-off-by: Chia-Ping Tsai <chia7712@gmail.com>
apache · Feb 4, 2024 · 06e47cc · 06e47cc
1 parent e46c904
commit 06e47cc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/app/components/nodes-view/nodes-view.component.html b/src/app/components/nodes-view/nodes-view.component.html
@@ -197,9 +197,8 @@ <h3>Allocations</h3>
       ></mat-paginator>
     </div>
   </div>
-  <div class="flex-grid">
-    <div class="flex-primary">
-      <app-node-utilizations [partitionSelected]="partitionSelected" />
-    </div>
-  </div>
 </div>
+
+<div class="node-utilizations-view">
+  <app-node-utilizations [partitionSelected]="partitionSelected" />
+</div>
diff --git a/src/app/components/nodes-view/nodes-view.component.scss b/src/app/components/nodes-view/nodes-view.component.scss
@@ -127,7 +127,7 @@
     margin-left: 10px;
   }
   .node-allocations {
-    margin-top: 40px;
+    margin-top: 20px;
     .mat-mdc-table {
       margin-top: 20px;
     }
@@ -140,3 +140,7 @@
     text-align: center;
   }
 }
+
+.node-utilizations-view {
+  margin-top: 20px
+}