feat:optimize sytle of service creation page

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

diff --git a/usecaseui-portal/src/app/shared/components/e2e-creation/e2e-creation.component.less b/usecaseui-portal/src/app/shared/components/e2e-creation/e2e-creation.component.less
index edbd2db..2964dad 100644 (file)
--- a/usecaseui-portal/src/app/shared/components/e2e-creation/e2e-creation.component.less
+++ b/usecaseui-portal/src/app/shared/components/e2e-creation/e2e-creation.component.less
@@ -128,14 +128,16 @@ hr {
                 span {
                     display: inline-block;
                     width: 30%;
+                    min-width: 80px;
                     font: 700 14px "Arial";
-                    vertical-align: middle;
                     overflow: hidden;
-                    text-align: left;             
+                    text-align: left;
+                    word-break: break-all;
+                    vertical-align: top;
                 }
                 input,nz-select{
-                    width: 65%;
-                    margin-left:3%
+                    width: 49%;
+                           margin-left:3%
                 }
             }
         }
@@ -150,7 +152,7 @@ hr {
         width: 38%;
         padding: 10px;
         height: 95%;
-        margin-right: 40px;
+        margin: 0 auto;
         #createChart{
             height: 100%;
             width: 100%;

diff --git a/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css b/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css
index 7d8e8e2..23d0525 100644 (file)
--- a/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css
+++ b/usecaseui-portal/src/app/views/ccvpn-creation/ccvpn-creation.component.css
@@ -109,16 +109,16 @@ hr {
 }
 .model .creation .service-title .lable{
     display: inline-block;
-    width: 100px;
     font: 700 14px "Arial";
     color: #3C4F8C;
     height: 42px;
     line-height: 42px;
     vertical-align: middle;
     margin-left: 5px;
+    margin-right: 10px;
 }
 .model .creation .service-title  input {
-    width: 230px;
+    width: 20%;
     height: 42px;
     border-radius:4px;
     outline: none;