2 files changed, 7 insertions, 6 deletions
diff --git a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html
index 3f642e97..497693fe 100644
--- a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html
+++ b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.html
@@ -49,7 +49,7 @@
                         <h5 *ngIf="parameter.type === 'vf_location'" style="padding-left:10px;">id:
                             {{parameter.name}}</h5>
                         <span *ngIf="parameter.type === 'vf_location'"> vf_location: </span>
-                        <nz-select *ngIf="parameter.type === 'vf_location'" style="width: 165px;"
+                        <nz-select *ngIf="parameter.type === 'vf_location'"
                                    [(ngModel)]="parameter.value" nzAllowClear>
                             <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
                         </nz-select>
@@ -69,7 +69,7 @@
 
                         <h5 *ngIf="input.type === 'vf_location'" style="padding-left:10px;">id: {{input.name}}</h5>
                         <span *ngIf="input.type === 'vf_location'"> vf_location: </span>
-                        <nz-select *ngIf="input.type === 'vf_location'" style="width: 165px;"
+                        <nz-select *ngIf="input.type === 'vf_location'"
                                    [(ngModel)]="input.value"
                                    nzAllowClear>
                             <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim"
@@ -105,7 +105,7 @@
                         <h5 *ngIf="parameter.type === 'vf_location'" style="padding-left:10px;">id:
                             {{parameter.name}}</h5>
                         <span *ngIf="parameter.type === 'vf_location'"> vf_location: </span>
-                        <nz-select *ngIf="parameter.type === 'vf_location'" style="width: 165px;"
+                        <nz-select *ngIf="parameter.type === 'vf_location'"
                                    [(ngModel)]="parameter.value" nzAllowClear>
                             <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
                         </nz-select>
@@ -121,7 +121,7 @@
                     <li *ngFor="let vnf of nsTemplateParameters.vnfs;">
                         <h5 style="padding-left:10px;">id: {{vnf.vnf_id}}</h5>
                         <span> vf_location: </span>
-                        <nz-select style="width: 165px;" [(ngModel)]="vnf.value" nzAllowClear>
+                        <nz-select  [(ngModel)]="vnf.value" nzAllowClear>
                             <nz-option *ngFor="let vim of vimInfos" [nzValue]="vim" [nzLabel]="vim.name"></nz-option>
                         </nz-select>
                     </li>
diff --git a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less
index 79e952f4..3a1693b6 100644
--- a/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less
+++ b/usecaseui-portal/src/app/components/e2e-creation/e2e-creation.component.less
@@ -120,11 +120,12 @@ hr {
             ul li {
                 margin: 10px 0;
                 width: 40%;
+                margin-right: 5%;
                 float: left;
                 text-align: left;
                 span {
                     display: inline-block;
-                    width: 25%;
+                    width: 30%;
                     font: 700 14px "Arial";
                     vertical-align: middle;
                     overflow: hidden;
@@ -132,7 +133,7 @@ hr {
                     text-align: left;
                 }
                 input,nz-select{
-                    width: 170px;
+                    width: 65%;
                 }
             }
         }