Adjust CSS and HTML for main container

[portal/ric-dashboard.git] / webapp-frontend / src / app / anr-xapp / anr-xapp.component.scss

diff --git a/webapp-frontend/src/app/anr-xapp/anr-xapp.component.scss b/webapp-frontend/src/app/anr-xapp/anr-xapp.component.scss
index bcac3a0..094a32d 100644 (file)
--- a/webapp-frontend/src/app/anr-xapp/anr-xapp.component.scss
+++ b/webapp-frontend/src/app/anr-xapp/anr-xapp.component.scss
@@ -18,8 +18,6 @@
  * ========================LICENSE_END===================================
  */
  .anr__section {
-    position: relative;
-    top: -50px;
 }
 
 .anr__header {
@@ -41,8 +39,16 @@
     margin: 130px auto 0 auto;
 }
 
+.input-pad-left {
+    padding-left: 10px;
+}
+
+.input-width {
+    min-width: 250px;
+}
+
 .ncr-table {
-    width: 99%; /* 100 looks wrong */
+    width: 99%; /* 100% triggers horiz scroll bar */
     min-height: 150px;
     margin-top: 10px;
     background-color:transparent;
@@ -52,12 +58,21 @@
     color: white;
 }
 
-.input-pad-left {
-    padding-left: 10px;
+/* column classes are magically defined by Angular */
+.mat-column-neighborCellNrpci {
+    max-width: 150px;
 }
-
-.input-pad-right {
-    padding-right: 10px;
+.mat-column-flagNoHo {
+    max-width: 75px;
+}
+.mat-column-flagNoXn {
+    max-width: 75px;
+}
+.mat-column-flagNoRemove {
+    max-width: 75px;
+}
+.mat-column-action {
+    max-width: 85px;
 }
 
 .version__text {