X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=dashboard%2Fwebapp-frontend%2Fsrc%2Fapp%2Fpolicy-control%2Fpolicy-instance.component.scss;h=6a18c34278db7603f4d9b4a047e61d5f5d96833b;hb=9de32bd6e23b01413d1319e668235568068b3699;hp=5c1d7c39bf5ce699641282a39ef20430ce1bd7b8;hpb=b96fd22c2a19b61bbd9d4c71c4f4a8fbb3741df1;p=nonrtric.git

diff --git a/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.scss b/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.scss
index 5c1d7c39..6a18c342 100644
--- a/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.scss
+++ b/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.scss
@@ -19,17 +19,28 @@
  */
 
 .instances-table {
-  width: 60%; ;
-  min-height: 150px;
-  min-width: 600px;
+  width: 90%;
+  min-width: 1200px;
   margin-top: 10px;
   margin-bottom: 10px;
-  background-color:rgb(233, 233, 240);   
+  background-color: grayscale($color: #eeeaea);
+}
+
+.mat-column-instanceId {
+  word-wrap: break-word;
+  white-space: unset;
+  flex: 0 0 28%;
+  width: 28%;
+}
+
+
+.table-dark {
+  background-color: #2d2d3d;
 }
 
 .action-cell {
-      display: flex; 
-      justify-content: flex-end;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .display-none {