fix(pab): #431 Modification of dispaly QA-label on the same line

src/app/components/pab-table/pab-table.component.scss

@@ -36,10 +36,12 @@ mat-card-content {
     }
     .hyd-window-btns {
         text-align: right;
+        align-items: flex-end;
 
         #add-many-children {
             width: 3em;
             vertical-align: middle;
+            align-items: flex-start;
         }
 
         button.mat-icon-button {
@@ -51,10 +53,13 @@ mat-card-content {
 .qaFieldLineContainer {
     padding: 0 10px;
     display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    justify-content:space-between;
 }
 
 .qaLabel {
-    margin-top: 2px;
-    margin-right: 20px;
+    margin-top: 13px;
     font-weight: bold;
 }
+

src/app/components/param-field-line/param-field-line.component.scss

 .toggle-group-container {
     text-align: right;
-    margin-bottom: 10px;
 }
 
 mat-button-toggle-group {
-    margin-top: 8px;
+    margin-top: 4px;
     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
+