Merge "White spaces in limit view"

1 files changed, 25 insertions, 13 deletions

diff --git a/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss b/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
index 32fd128f2e..16b6af7cf9 100644
--- a/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
+++ b/openecomp-ui/resources/scss/modules/_licenseModelLimits.scss
@@ -38,23 +38,30 @@
 				.list-editor-item-view-content {
 					padding-left: 0;
 				}
-				.svg-icon-wrapper.trashO {
-					margin-bottom: 0;
+
+				.svg-icon {
+					margin-top: 10px;
 					margin-right: 50px;
-					.svg-icon {
-						fill: $gray;
-						height: 16px;
-						width: 16px;
-						&:hover {
-								fill: $dark-gray;
-							}
-					}
+					fill: $gray;
+					&:hover {
+							fill: $dark-gray;
+						}
 				}
+
 				&.selectable {
 					&:hover {
+						.list-editor-item-view-field {
+							.text.description, .text-name {
+								&:after {
+									background-color: darken($tlv-light-gray, 4%);
+								}
+							}
+
+						}
 						background-color: darken($tlv-light-gray, 4%);
 						cursor: pointer;
 					}
+
 				}
 				&:hover {
 					border-color: transparent;
@@ -65,20 +72,20 @@
 						display: flex;
     				align-items: center;
 						white-space: nowrap;
-						
+
 						&.limit-name {
 							.text.name {
 								@extend .body-1-semibold;
 								color: $blue;
 								text-transform: uppercase;
-								padding: 0px 10px;
+								margin-left : 45px;
 							}
 							
 							border-right: 1px solid $light-gray;
 							margin-right: 22px;
 							flex: 0.4;
 							display: flex;
-							justify-content: center;
+							justify-content: left;
 						}
 
 						&.limit-description {
@@ -90,10 +97,15 @@
 							max-width: 300px;
 						}
 
+
 						.text.description, .text.name {
 							overflow: hidden;
 							text-overflow: ellipsis;
 							white-space: nowrap;
+							&:after {
+								background: $tlv-light-gray;
+							}
+
 						}
 					}