react 16 upgrade

[sdc.git] / openecomp-ui / resources / scss / components / _vnfBrowse.scss

diff --git a/openecomp-ui/resources/scss/components/_vnfBrowse.scss b/openecomp-ui/resources/scss/components/_vnfBrowse.scss
index 7e0085a..f47b736 100644 (file)
--- a/openecomp-ui/resources/scss/components/_vnfBrowse.scss
+++ b/openecomp-ui/resources/scss/components/_vnfBrowse.scss
@@ -1,109 +1,107 @@
 $message-info-icon-size: 16px;
 
 .vnf-creation-page {
-       .list-editor-view-header {
-               border-bottom: none;
-       }
-       .vnfBrowse-list-item {
-               display: flex;
-               height: 36px;
-               @extend .body-1;
-               &.header {
-                       @extend .body-1-semibold;
-                       background-color: $tlv-light-gray;
-                       color: $text-black;
-               }
-               &.selectedRow {
-                       background-color: $blue;
-                       color: $white;
-                       .svg-icon-wrapper {
-                               &.__positive {
-                                       fill: $white;
-                                       color: $white;
-                               }
-                       }
-               }
-               .svg-icon-wrapper {
-                       &.__positive {
-                               fill: $dark-gray;
-                               color: $dark-gray;
-                       }
-               }
-       }
+    .list-editor-view-header {
+        border-bottom: none;
+    }
+    .vnfBrowse-list-item {
+        display: flex;
+        height: 36px;
+        @extend .body-1;
+        &.header {
+            @extend .body-1-semibold;
+            background-color: $tlv-light-gray;
+            color: $text-black;
+        }
+        &.selectedRow {
+            background-color: $blue;
+            color: $white;
+            .svg-icon-wrapper {
+                &.__positive {
+                    fill: $white;
+                    color: $white;
+                }
+            }
+        }
+        .svg-icon-wrapper {
+            &.__positive {
+                fill: $dark-gray;
+                color: $dark-gray;
+            }
+        }
+    }
 
-       .activity-action {
-               .svg-icon-wrapper {
-                       float: left;
-               }
-       }
+    .activity-action {
+        .svg-icon-wrapper {
+            float: left;
+        }
+    }
 
-       .message-further-info-icon {
-               background-color: $gray;
-       }
+    .message-further-info-icon {
+        background-color: $gray;
+    }
 
-       .table-cell {
-       border-right: 1px solid $light-gray;
-       border-bottom: 1px solid $light-gray;
-       &:last-child {
-               border-right: none;
-       }
-       flex-basis: 22%;
-       display: flex;
-       padding: 0 20px;
-       justify-content: center;
-       flex-direction: column;
+    .table-cell {
+        border-right: 1px solid $light-gray;
+        border-bottom: 1px solid $light-gray;
+        &:last-child {
+            border-right: none;
+        }
+        flex-basis: 22%;
+        display: flex;
+        padding: 0 20px;
+        justify-content: center;
+        flex-direction: column;
 
-       &.vnftable-action {
-               flex-basis: 12%;
-               span {
-                       margin: auto;
-               }
-       }
-}
-
-  .vnf-table-header {
-       cursor: pointer;
-       display: flex;
-       align-items: center;
-       .header-sort-arrow {
-         width: 0;
-         height: 0;
-         border-left: 5px solid transparent;
-         border-right: 5px solid transparent;
-         margin-left: 9px;
-         &.up {
-               border-bottom: 5px solid $black;
-         }
-         &.down {
-               border-top: 5px solid $black;
-         }
+        &.vnftable-action {
+            flex-basis: 12%;
+            span {
+                margin: auto;
+            }
+        }
+    }
 
-       }
-  }
+    .vnf-table-header {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        .header-sort-arrow {
+            width: 0;
+            height: 0;
+            border-left: 5px solid transparent;
+            border-right: 5px solid transparent;
+            margin-left: 9px;
+            &.up {
+                border-bottom: 5px solid $black;
+            }
+            &.down {
+                border-top: 5px solid $black;
+            }
+        }
+    }
 
-  .vnf-table-cell {
-       display: flex;
-       justify-content: space-between;
-       span {
-               overflow: hidden;
-               text-overflow: ellipsis;
-       }
-  } 
-  .vnftable-name {
-       max-width: 22%;
-  }
+    .vnf-table-cell {
+        display: flex;
+        justify-content: space-between;
+        span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+    }
+    .vnftable-name {
+        max-width: 22%;
+    }
 
-  .vnf-grid-section {
-       margin: 20px 20px 20px 50px;
-  }
+    .vnf-grid-section {
+        margin: 20px 20px 20px 50px;
+    }
 
-  .vnf-modal {
-       text-align: right;
-       margin-top: 22px;
-  }
- 
-  .vnf-submit {
-       margin-right: 15px;
-  }
+    .vnf-modal {
+        text-align: right;
+        margin-top: 22px;
+    }
 
-}
\ No newline at end of file
+    .vnf-submit {
+        margin-right: 15px;
+    }
+}