Fix 46 CRITICAL BUGs

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

1 files changed, 35 insertions, 21 deletions

diff --git a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
index 3a2168aeb0..959a99663a 100644
--- a/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
+++ b/catalog-ui/src/app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard.component.less
@@ -2,52 +2,59 @@
 
 @circle_size: 13px;
 
-.custom-modal{
+.custom-modal {
   font-family: @font-opensans-regular;
 }
 
-/deep/ multi-steps-wizard {
+/deep/ .multi-steps-wizard {
   display: none;
 }
 
-.ng2-modal-header{
+.ng2-modal-header {
   border: none !important;
 }
 
-.ng2-modal-body{
+.ng2-modal-body {
   padding-top: 0 !important;
 }
 
-header{
+header {
   margin-bottom: 10px;
-  .dynamic-header-container{
+
+  .dynamic-header-container {
     position: relative;
     top: -9px;
   }
-  .steps-header{
+
+  .steps-header {
     display: flex;
-    .step-title{
+
+    .step-title {
       flex: 1;
-      .title-text{
+
+      .title-text {
         width: 100%;
         text-align: center;
         line-height: 40px;
         background-color: @tlv_color_u;
         font-size: 13px;
       }
-      .line{
+
+      .line {
         width: calc(~'100% - @{circle_size}');
         position: relative;
         left: calc(~'(100% - @{circle_size})/2 * (-1)');
         float: left;
         height: 2px;
-        .inner-line{
+
+        .inner-line {
           background-color: @main_color_a;
           height: 100%;
         }
       }
-      .circle{
-        margin:0 auto;
+
+      .circle {
+        margin: 0 auto;
         border: @main_color_o solid 1px;
         height: @circle_size;
         width: @circle_size;
@@ -57,14 +64,17 @@ header{
         background-color: @main_color_p;
         z-index: 1;
       }
-      .full-circle{
+
+      .full-circle {
         border-color: @main_color_a;
         background-color: @main_color_a;
       }
-      &.active{
+
+      &.active {
         color: @main_color_a;
         font-family: @font-opensans-medium;
-        .circle{
+
+        .circle {
           border-color: @main_color_a;
         }
       }
@@ -72,17 +82,21 @@ header{
   }
 }
 
-.navigation-buttons{
+.navigation-buttons {
   padding-left: 6px;
   border-left: 1px solid @main_color_a;
-  .navigation-button{
+
+  .navigation-button {
     padding: 0 8px;
-    .navigation-icon{
+
+    .navigation-icon {
       margin: 3px 0;
-      &.blue-arrow-back{
+
+      &.blue-arrow-back {
         float: left;
       }
-      &.white-arrow-next{
+
+      &.white-arrow-next {
         float: right;
       }
     }