Fix 46 CRITICAL BUGs

Change-Id: Id354491665a1d8c25a7c1f3e83fcb4d146ca2f37
Signed-off-by: Vasyl Razinkov <vasyl.razinkov@est.tech>
Issue-ID: SDC-3529

4 files changed, 49 insertions, 42 deletions

diff --git a/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.less b/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.less
index 4845f4f606..ae28aa36ae 100644
--- a/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.less
+++ b/catalog-ui/src/app/ng2/pages/workspace/activity-log/activity-log.component.less
@@ -1,8 +1,9 @@
 .sdc-filter-bar-wrapper {
-  sdc-filter-bar {
+  .sdc-filter-bar {
     flex: 0 0 30%;
   }
+
   display: flex;
   justify-content: flex-end;
   margin-bottom: 10px;
-}
\ No newline at end of file
+}
diff --git a/catalog-ui/src/app/ng2/pages/workspace/deployment/deployment-page.component.less b/catalog-ui/src/app/ng2/pages/workspace/deployment/deployment-page.component.less
index 4b7a1e7e9f..5213babd9e 100644
--- a/catalog-ui/src/app/ng2/pages/workspace/deployment/deployment-page.component.less
+++ b/catalog-ui/src/app/ng2/pages/workspace/deployment/deployment-page.component.less
@@ -1,5 +1,6 @@
 @import './../../../../../assets/styles/variables.less';
 @import './../../../../../assets/styles/override.less';
+
 .deployment-page {
   width: 100%;
   height: 100%;
@@ -7,16 +8,18 @@
   /deep/ .sdc-tabs {
     height: 100%;
   }
+
   /deep/ .sdc-tabs-list {
     position: absolute;
     top: 22px;
     right: 303px;
     background-color: @sdcui_color_silver;
 
-    svg-icon-label {
+    .svg-icon-label {
       vertical-align: middle;
     }
   }
+
   /deep/ .sdc-tab-content {
     height: 100%;
   }
diff --git a/catalog-ui/src/app/ng2/pages/workspace/deployment/panel/panel-tabs/hierarchy-tab/hierarchy-tab.component.less b/catalog-ui/src/app/ng2/pages/workspace/deployment/panel/panel-tabs/hierarchy-tab/hierarchy-tab.component.less
index 269ca0aee0..e5415a323b 100644
--- a/catalog-ui/src/app/ng2/pages/workspace/deployment/panel/panel-tabs/hierarchy-tab/hierarchy-tab.component.less
+++ b/catalog-ui/src/app/ng2/pages/workspace/deployment/panel/panel-tabs/hierarchy-tab/hierarchy-tab.component.less
@@ -1,4 +1,5 @@
 @import './../../../../../../../../assets/styles/variables.less';
+
 .sdc-hierarchy-tab {
   padding: 15px 0 0 0;
   background-color: #f8f8f8;
@@ -67,7 +68,7 @@
     }
   }
 
-  sdc-accordion.selected {
+  .sdc-accordion.selected {
     /deep/ .expand-collapse-container {
       .sdc-accordion-header {
         background-color: @main_color_a;
@@ -102,6 +103,7 @@
     border: 1px solid @main_color_a;
     border-top: 4px solid @main_color_a;
     box-shadow: 0.3px 1px 2px rgba(24, 24, 25, 0.32);
+
     .module-data {
       color: @main_color_a;
       padding: 10px 0 10px 0;
@@ -139,7 +141,7 @@
           height: 20px;
           padding-left: 12px;
 
-          svg-icon {
+          .svg-icon {
             padding-top: 3px;
             fill: @main_color_s;
 
diff --git a/catalog-ui/src/app/ng2/pages/workspace/disribution/distribution.component.less b/catalog-ui/src/app/ng2/pages/workspace/disribution/distribution.component.less
index b630881fdc..442eb537ec 100644
--- a/catalog-ui/src/app/ng2/pages/workspace/disribution/distribution.component.less
+++ b/catalog-ui/src/app/ng2/pages/workspace/disribution/distribution.component.less
@@ -2,7 +2,8 @@
   .ngx-datatable {
     > div {
       min-height: 500px;
-      datatable-body {
+
+      .datatable-body {
         max-height: max-content;
       }
     }
@@ -18,7 +19,7 @@
     flex-grow: 5;
   }
 
-  .w-sdc-distribution-view-title{
+  .w-sdc-distribution-view-title {
     color: #191919;
     font-family: OpenSans-Regular, sans-serif;
     font-size: 14px;
@@ -38,47 +39,47 @@
   max-height: 150px;
 }
 
-  .distributionIDBlock {
-    display: inline-block;
-  }
+.distributionIDBlock {
+  display: inline-block;
+}
 
-  .expand-collapse-cell {
-    display: inline-block;
-  }
+.expand-collapse-cell {
+  display: inline-block;
+}
 
-  .statusIcon {
-    display: inline-block;
-    margin-right: 10px;
-  }
+.statusIcon {
+  display: inline-block;
+  margin-right: 10px;
+}
 
-  .btnMarkAsDistributed {
-    float: right;
-    background-color: #E5F3FF;
-    border: 1px solid #8DCCD5;
-    width: 55px;
-    height: 21px;
-    text-align: center;
-  }
+.btnMarkAsDistributed {
+  float: right;
+  background-color: #E5F3FF;
+  border: 1px solid #8DCCD5;
+  width: 55px;
+  height: 21px;
+  text-align: center;
+}
 
-  .distributionRowContainer{
-    background-color: #eaeaea;
-    text-align: center;
-  }
+.distributionRowContainer {
+  background-color: #eaeaea;
+  text-align: center;
+}
 
-  .distributionRowLabel {
-    overflow: hidden;
-    padding-top: 10px;
-    color: #000000;
-    font-family: OpenSans-Semibold, sans-serif;
-    font-size: 12px;
-    font-weight: bold;
-  }
+.distributionRowLabel {
+  overflow: hidden;
+  padding-top: 10px;
+  color: #000000;
+  font-family: OpenSans-Semibold, sans-serif;
+  font-size: 12px;
+  font-weight: bold;
+}
 
-  .distributionRowValue {
-    color: #263d4d;
-    font-family: OpenSans-Regular, sans-serif;
-    font-size: 14px;
-  }
+.distributionRowValue {
+  color: #263d4d;
+  font-family: OpenSans-Regular, sans-serif;
+  font-size: 14px;
+}
 
 .ellipsisCell {
   width: 92%;