style:optimize the style of the e2e/ns detail page

Change-Id: I3731983e962faf07c0f1d3cb27cc5b4953ef1998
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

1 files changed, 5 insertions, 2 deletions

diff --git a/usecaseui-portal/src/app/shared/components/e2e-detail/e2e-detail.component.less b/usecaseui-portal/src/app/shared/components/e2e-detail/e2e-detail.component.less
index e560cd9b..bada5991 100644
--- a/usecaseui-portal/src/app/shared/components/e2e-detail/e2e-detail.component.less
+++ b/usecaseui-portal/src/app/shared/components/e2e-detail/e2e-detail.component.less
@@ -110,15 +110,18 @@ hr {
           display: inline-block;
           width: 50%;
           font: 700 14px "Arial";
-          vertical-align: middle;
+          vertical-align: top;
           overflow: hidden;
           text-align: left;
           color:rgba(60,79,140,0.5);
+          word-break: break-all;
         }
         span.input-content{
           width: 42%;
           color: #3C4F8C;
           margin-left: 5%;
+          word-break: break-all;
+          vertical-align: top;
         }
       }
     }
@@ -128,7 +131,7 @@ hr {
     padding: 10px;
     height: 95%;
     box-shadow: 0px 10px 35px 10px rgba(222, 222, 222, 0.5);
-    margin-right: 40px;
+    margin-right: 1%;
     background:linear-gradient(180deg,rgba(183, 230, 247, 1) 0%,rgba(214, 240, 254, 1) 100%);
     border-radius: 4px;
     #createChart{