1 files changed, 20 insertions, 38 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less b/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less
index df3797e069..edcb87db3d 100644
--- a/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less
+++ b/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less
@@ -1,94 +1,76 @@
 @import './../../../../../assets/styles/variables.less';
 @import './../../../../../assets/styles/mixins.less';
-
-.main-container {
+.main-container{
   color: @main_color_m;
 }
-
 .select-req-or-cap-span {
   float: left;
   margin-right: 15px;
   font-size: 13px;
 }
-
-.select-type-label {
+.select-type-label{
   .m_12_m;
   margin-bottom: 2px;
 }
-
-.select-type {
+.select-type{
   display: flex;
   margin-bottom: 10px;
-
-  .ui-element-dropdown {
+  ui-element-dropdown{
     width: 40%;
     font-size: 13px;
-
-    /deep/ select {
+    /deep/ select{
       height: 31px;
     }
   }
 }
-
-.table-and-list-container {
+.table-and-list-container{
   display: flex;
   padding-top: 10px;
-
-  .inner-container {
+  .inner-container{
     height: 300px;
     overflow-y: auto;
     border: @main_color_o solid 1px;
   }
-
-  .inner-container:not(:last-of-type) {
+  .inner-container:not(:last-of-type){
     border-right: none;
   }
-
   .requirements-or-capabilities-container {
     width: 40%;
-
-    &.empty-list {
+    &.empty-list{
       background-color: @tlv_color_t;
       text-align: center;
-
-      &:before {
+      &:before{
         content: 'Select "type" above';
         line-height: 298px;
       }
     }
-
-    .req-or-cap-item {
+    .req-or-cap-item{
       border-bottom: @main_color_o solid 1px;
       padding: 10px;
       font-size: 13px;
-
-      &:hover:not(.selected) {
-        background-color: @tlv_color_t;
-        cursor: pointer;
+      &:hover:not(.selected){
+        background-color:@tlv_color_t; cursor:pointer;
       }
     }
   }
-
-  .properties-table-container {
+  .properties-table-container{
     width: 60%;
     display: flex;
-
-    &.cap-selected {
+    &.cap-selected{
       background-color: @tlv_color_t;
       border: @main_color_a solid 1px;
-      -webkit-box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1);
-      -moz-box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1);
-      box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1);
+      -webkit-box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1);
+      -moz-box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1);
+      box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1);
     }
-
-    .properties-table {
+    properties-table{
       margin: 15px;
       width: 100%;
     }
   }
 }
 
-.selected {
+.selected{
   color: @main_color_a;
   background-color: @tlv_color_v;
   border-left: @main_color_a solid 4px;