Service instance lifecycle management

Change-Id: If957774ba3cfaa65493efc7c376d4382d46a16dc
Issue-ID: USECASEUI-218
Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>

1 files changed, 30 insertions, 10 deletions

diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.less b/usecaseui-portal/src/app/services/services-list/services-list.component.less
index ca0ac419..c1cf7598 100644
--- a/usecaseui-portal/src/app/services/services-list/services-list.component.less
+++ b/usecaseui-portal/src/app/services/services-list/services-list.component.less
@@ -108,9 +108,9 @@ hr {
 }
 .top-list{
     position: relative;
-    width:31%;
-    height:224px;
-    margin: 15px 1%;
+    width:29%;
+    height:170px;
+    margin: 10px 1%;
     float: left;
     background:url("../../../assets/images/servicelist-e2e.png") no-repeat;
     background-size: 100% 100%;
@@ -151,15 +151,35 @@ hr {
     text-align: right;
     height: 40px;
     line-height: 20px;
-    top:45%;
-    margin-top: -20px;
     right: 50px;
     color: #fff;
-    span:nth-child(1){
-        display: inline-block;
-        font-size: 22px;
-        font-weight: 500;
-        margin-bottom: 20px;
+    p{
+        font-size: 14px;
+        width: 250px;
+        margin: 15px 0 0 0;
+        height: 13px;
+        clear: both;
+        span{
+            display: inline-block;
+            font-weight: 500;
+            text-align: right;
+            float: right;
+        }
+        span:nth-child(1){
+            font-size: 18px;
+            width: 40px;
+            min-width: 40px;
+        }
+        span:nth-child(2){
+            width: 85px;
+            font-size: 16px;
+        }
+    }
+    p:nth-child(1){
+        margin-top: 25px;
+    }
+    .service-description{
+        color: rgba(255,255,255,0.7);
     }
 }
 .list {