From b640a22a660b951327018586f6fa7db8da6ac478 Mon Sep 17 00:00:00 2001
From: Steven Zou <szou@vmware.com>
Date: Thu, 6 Apr 2017 18:33:00 +0800
Subject: [PATCH 1/2] adjust the size of inputbox in related forms

---
 .../account/password/forgot-password.component.html  |  2 +-
 .../account/password/password-setting.component.html |  6 +++---
 .../shared/about-dialog/about-dialog.component.html  |  2 +-
 .../new-user-form/new-user-form.component.html       | 12 ++++++------
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/ui_ng/src/app/account/password/forgot-password.component.html b/src/ui_ng/src/app/account/password/forgot-password.component.html
index d95eeb94f..5f50299e2 100644
--- a/src/ui_ng/src/app/account/password/forgot-password.component.html
+++ b/src/ui_ng/src/app/account/password/forgot-password.component.html
@@ -12,7 +12,7 @@
                       required 
                       email
                       id="reset_pwd_email" 
-                      size="40"
+                      size="30"
                       (input)="handleValidation(true)" 
                       (blur)="handleValidation(false)">
                       <span class="tooltip-content">
diff --git a/src/ui_ng/src/app/account/password/password-setting.component.html b/src/ui_ng/src/app/account/password/password-setting.component.html
index 2292585ec..55e396ba5 100644
--- a/src/ui_ng/src/app/account/password/password-setting.component.html
+++ b/src/ui_ng/src/app/account/password/password-setting.component.html
@@ -11,7 +11,7 @@
                     required
                     name="oldPassword"
                     [(ngModel)]="oldPwd"
-                    #oldPassInput="ngModel" size="42">
+                    #oldPassInput="ngModel" size="30">
                 <span class="tooltip-content">
                     {{'TOOLTIP.CURRENT_PWD' | translate}}
                 </span>
@@ -25,7 +25,7 @@
                     pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
                     name="newPassword"
                     [(ngModel)]="newPwd"
-                    #newPassInput="ngModel" size="42" 
+                    #newPassInput="ngModel" size="30" 
                     (input)='handleValidation("newPassword", false)' 
                     (blur)='handleValidation("newPassword", true)'>
                 <span class="tooltip-content">
@@ -42,7 +42,7 @@
                     pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
                     name="reNewPassword"
                     [(ngModel)]="reNewPwd"
-                    #reNewPassInput="ngModel" size="42" 
+                    #reNewPassInput="ngModel" size="30" 
                     (input)='handleValidation("reNewPassword", false)' 
                     (blur)='handleValidation("reNewPassword", true)'>
                 <span class="tooltip-content">
diff --git a/src/ui_ng/src/app/shared/about-dialog/about-dialog.component.html b/src/ui_ng/src/app/shared/about-dialog/about-dialog.component.html
index 628abcf9c..0077c134c 100644
--- a/src/ui_ng/src/app/shared/about-dialog/about-dialog.component.html
+++ b/src/ui_ng/src/app/shared/about-dialog/about-dialog.component.html
@@ -1,4 +1,4 @@
-<clr-modal [(clrModalOpen)]="opened" [clrModalClosable]="true" [clrModalStaticBackdrop]="false">
+<clr-modal [(clrModalOpen)]="opened" [clrModalClosable]="false" [clrModalStaticBackdrop]="false">
     <h3 class="modal-title margin-left-override">vmware</h3>
     <div class="modal-body margin-left-override">
         <div>
diff --git a/src/ui_ng/src/app/shared/new-user-form/new-user-form.component.html b/src/ui_ng/src/app/shared/new-user-form/new-user-form.component.html
index 688a3a3a9..5a6e6ecef 100644
--- a/src/ui_ng/src/app/shared/new-user-form/new-user-form.component.html
+++ b/src/ui_ng/src/app/shared/new-user-form/new-user-form.component.html
@@ -4,7 +4,7 @@
             <div class="form-group form-group-override">
                 <label for="username" class="required form-group-label-override">{{'PROFILE.USER_NAME' | translate}}</label>
                 <label for="username" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left" [class.invalid]='getValidationState("username")'>
-                <input type="text" required pattern='[^"~#$%]+' maxLengthExt="20" #usernameInput="ngModel" name="username" [(ngModel)]="newUser.username" id="username" size="36" 
+                <input type="text" required pattern='[^"~#$%]+' maxLengthExt="20" #usernameInput="ngModel" name="username" [(ngModel)]="newUser.username" id="username" size="30" 
                 (input)='handleValidation("username", false)' 
                 (blur)='handleValidation("username", true)'>
                 <span class="tooltip-content">
@@ -18,7 +18,7 @@
                       <input name="email" type="text" #eamilInput="ngModel" [(ngModel)]="newUser.email" 
                       required 
                       email
-                      id="email" size="36"
+                      id="email" size="30"
                       (input)='handleValidation("email", false)' 
                 (blur)='handleValidation("email", true)'>
                       <span class="tooltip-content">
@@ -31,7 +31,7 @@
             <div class="form-group form-group-override">
                 <label for="realname" class="required form-group-label-override">{{'PROFILE.FULL_NAME' | translate}}</label>
                 <label for="realname" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left" [class.invalid]='getValidationState("realname")'>
-                      <input type="text" name="realname" #fullNameInput="ngModel" [(ngModel)]="newUser.realname" required maxLengthExt="20" id="realname" size="36"
+                      <input type="text" name="realname" #fullNameInput="ngModel" [(ngModel)]="newUser.realname" required maxLengthExt="20" id="realname" size="30"
                       (input)='handleValidation("realname", false)' 
                 (blur)='handleValidation("realname", true)'>
                       <span class="tooltip-content">
@@ -47,7 +47,7 @@
                     pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
                     name="newPassword"
                     [(ngModel)]="newUser.password"
-                    #newPassInput="ngModel" size="36" 
+                    #newPassInput="ngModel" size="30" 
                     (input)='handleValidation("newPassword", false)' 
                 (blur)='handleValidation("newPassword", true)'>
                 <span class="tooltip-content">
@@ -64,7 +64,7 @@
                     pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s).{8,20}$"
                     name="confirmPassword"
                     [(ngModel)]="confirmedPwd"
-                    #confirmPassInput="ngModel" size="36" 
+                    #confirmPassInput="ngModel" size="30" 
                     (input)='handleValidation("confirmPassword", false)' 
                 (blur)='handleValidation("confirmPassword", true)'>
                 <span class="tooltip-content">
@@ -75,7 +75,7 @@
             <div class="form-group form-group-override">
                 <label for="comment" class="form-group-label-override">{{'PROFILE.COMMENT' | translate}}</label>
                 <label for="comment" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left" [class.invalid]='getValidationState("comment")'>
-                <input type="text" #commentInput="ngModel" name="comment" [(ngModel)]="newUser.comment" maxLengthExt="20" id="comment" size="36" 
+                <input type="text" #commentInput="ngModel" name="comment" [(ngModel)]="newUser.comment" maxLengthExt="20" id="comment" size="30" 
                 (input)='handleValidation("comment", false)' 
                 (blur)='handleValidation("comment", true)'>
                 <span class="tooltip-content">

From 0c9e6755dbc87ed1bce12279cb2a82912012fc70 Mon Sep 17 00:00:00 2001
From: Steven Zou <szou@vmware.com>
Date: Thu, 6 Apr 2017 19:12:29 +0800
Subject: [PATCH 2/2] adjust gauge css style

---
 src/ui_ng/src/app/shared/gauge/gauge.component.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui_ng/src/app/shared/gauge/gauge.component.css b/src/ui_ng/src/app/shared/gauge/gauge.component.css
index 60a7cb057..ac028ac1e 100644
--- a/src/ui_ng/src/app/shared/gauge/gauge.component.css
+++ b/src/ui_ng/src/app/shared/gauge/gauge.component.css
@@ -61,7 +61,7 @@
     width: 60px;
     height: 30px;
     top: -8px;
-    left: 8px;
+    left: 4px;
 }
 
 .esxc-gauge-small .esxc-gauge-circle-fill {
@@ -181,6 +181,7 @@
     text-align: center;
     position: relative;
     top: -8px;
+    width: 70px;
 }
 
 .esxc-gauge-small .esxc-limit .esxc-value {