Modify css files

Modify css files

Issue-ID: SDC-1130,SDC-1131

Change-Id: I5da79bb12b7f9e52a4317bae190f873d2949b84f
Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>

1 files changed, 26 insertions, 14 deletions

diff --git a/sdc-workflow-designer-ui/src/app/components/parameter/parameter.component.css b/sdc-workflow-designer-ui/src/app/components/parameter/parameter.component.css
index 9cf5d60f..4002997c 100644
--- a/sdc-workflow-designer-ui/src/app/components/parameter/parameter.component.css
+++ b/sdc-workflow-designer-ui/src/app/components/parameter/parameter.component.css
@@ -9,30 +9,42 @@
  * Contributors:
  *     ZTE - initial API and implementation and/or initial documentation
  */
-.form-control-label{
-    margin-bottom: 0;
-    width: 100px;
-    vertical-align: middle;
+
+.parameter{
+    margin-bottom: 1rem;
+}
+
+.parameter-section{
+    display: inline;
+    margin-right: 5px;
 }
 
 .parameter-item{
     display: inline;
-    margin-left: 5px;
-    vertical-align: middle;
 }
 
-.form-control-required{
+.parameter-required{
     color: red;
-    height: 30px;
-    line-height: 30px;
 }
 
-.form-control-input{
-    width: 120px;
-    vertical-align: middle;
+.parameter-label{
+    width: 100px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    vertical-align: bottom;
+    /* display: inline-table; */
 }
 
-.form-control-value{
+.parameter-value{
     width: 160px;
-    display: inline-block;
+    vertical-align: baseline;
+}
+
+.plx-input{
+    vertical-align: baseline;
+}
+
+.plx-btn{
+    vertical-align: baseline;
 }