1 files changed, 66 insertions, 76 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less b/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less
index 601aaae2f9..1007292854 100644
--- a/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less
+++ b/catalog-ui/src/app/ng2/components/logic/properties-table/dynamic-property/dynamic-property.component.less
@@ -1,94 +1,84 @@
 @import '../../../../../../assets/styles/variables.less';
-
 .flat-children-container {
-  .dynamic-property-row {
-    /*create nested left border classes for up to 10 levels of nesting*/
-    .nested-border-loop(@i) when (@i > 0) {
-      @size: (@i - 1) *2;
-      &.nested-level-@{i} .table-cell:first-child {
-        border-left: ~"solid @{size}px #009fdb";
-      }
-      .nested-border-loop(@i - 1)
+    .dynamic-property-row {
+        /*create nested left border classes for up to 10 levels of nesting*/
+        .nested-border-loop(@i) when (@i > 0) {
+            @size: (@i - 1) *2;
+            &.nested-level-@{i} .table-cell:first-child {
+                border-left: ~"solid @{size}px #009fdb";
+            }
+            .nested-border-loop(@i - 1)
+        }
+        .nested-border-loop(10);
     }
-    .nested-border-loop(10);
-  }
-
-  .dynamic-property {
-    &:first-child .dynamic-property-row.with-top-border {
-      border-top: solid 1px #d2d2d2;
+    dynamic-property {
+        &:first-child .dynamic-property-row.with-top-border {
+            border-top:solid 1px #d2d2d2;
+        }
+        &:not(:last-child) .dynamic-property-row {
+            border-bottom:solid 1px #d2d2d2;
+        }
     }
-
-    &:not(:last-child) .dynamic-property-row {
-      border-bottom: solid 1px #d2d2d2;
-    }
-  }
 }
-
 .dynamic-property-row {
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-
-  &.readonly {
-    background-color: @tlv_color_t;
-    cursor: auto;
-  }
-
-  //for the case that the parent is disabled but the child is enabled
-  &:not(.readonly) {
-    background-color: @main_color_p;
-  }
-
-  .table-cell {
-    flex: 1;
-    padding: 9px;
-    justify-content: center;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    display:flex;
+    flex-direction:row;
+    align-items: stretch;
 
-    &:first-child {
-      flex: 0 0 50%;
-      border-right: #d2d2d2 solid 1px;
-
-      &:only-of-type {
-        flex: 1 1 100%;
-        border-right: none;
-      }
+    &.readonly{
+        background-color: @tlv_color_t;
+        cursor: auto;
     }
-
-    &.empty {
-      height: 40px;
+    //for the case that the parent is disabled but the child is enabled
+    &:not(.readonly){
+        background-color: @main_color_p;
     }
-  }
-
-  .property-icon {
-    flex: 0 0 auto;
-    margin-right: 10px;
-    align-self: center;
-    cursor: pointer;
-  }
 
+    .table-cell {
+        flex: 1;
+        padding:9px;
+        justify-content: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+
+        &:first-child {
+            flex: 0 0 50%;
+            border-right:#d2d2d2 solid 1px;
+            &:only-of-type {
+                flex: 1 1 100%;
+                border-right:none;
+            }
+        }
+        &.empty {
+            height:40px;
+        }
+    }
+    .property-icon {
+        flex: 0 0 auto;
+        margin-right:10px;
+        align-self:center;
+        cursor:pointer;
+    }
+    
 }
 
 .filtered {
-  /deep/ .checkbox-label-content {
-    background-color: yellow;
-  }
+    /deep/ .checkbox-label-content{
+        background-color: yellow;
+    }
 }
-
-.inner-cell-div {
-  max-width: 100%;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: inline;
-  padding-left: 8px;
+.inner-cell-div{
+    max-width: 100%;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    display: inline;
+    padding-left: 8px;
 }
-
 .error {
-  border: solid 1px @func_color_q;
-  color: @func_color_q;
-  outline: none;
-  box-sizing: border-box;
+    border: solid 1px @func_color_q;
+    color: @func_color_q;
+    outline: none;
+    box-sizing: border-box;
 }