From 8c7242d926485961b14af511b00f3134a20ef14e Mon Sep 17 00:00:00 2001
From: Dapeng <verydapeng@gmail.com>
Date: Tue, 20 Sep 2016 16:56:41 +0800
Subject: [PATCH] update owner form

---
 .../app/owner-form/owner-form.template.html   | 52 ++++++++-----------
 1 file changed, 23 insertions(+), 29 deletions(-)

diff --git a/src/main/webapp/scripts/app/owner-form/owner-form.template.html b/src/main/webapp/scripts/app/owner-form/owner-form.template.html
index 9354af59b..988ca8953 100644
--- a/src/main/webapp/scripts/app/owner-form/owner-form.template.html
+++ b/src/main/webapp/scripts/app/owner-form/owner-form.template.html
@@ -1,44 +1,38 @@
 <h2>Owner</h2>
-<form class="form-horizontal" name="ownerForm">
+<form ng-submit="$ctrl.submitOwnerForm()" style="max-width: 25em;">
     <div class="form-group">
-        <label class="col-sm-2 control-label">First name</label>
-        <div class="col-sm-4">
-            <input class="form-control" ng-model="$ctrl.owner.firstName" name="firstName" required/>
-            <span ng-show="ownerForm.firstName.$error.required" class="help-inline">First name is required.</span>
-        </div>
+        <label>First name</label>
+        <input class="form-control" ng-model="$ctrl.owner.firstName" name="firstName" required/>
+        <span ng-show="ownerForm.firstName.$error.required" class="help-block">First name is required.</span>
     </div>
+
     <div class="form-group">
-        <label class="col-sm-2 control-label">Last name</label>
-        <div class="col-sm-4">
-            <input class="form-control" ng-model="$ctrl.owner.lastName" name="lastName" required/>
-            <span ng-show="ownerForm.lastName.$error.required" class="help-inline">Last name is required.</span>
-        </div>
+        <label>Last name</label>
+        <input class="form-control" ng-model="$ctrl.owner.lastName" name="lastName" required/>
+        <span ng-show="ownerForm.lastName.$error.required" class="help-block">Last name is required.</span>
     </div>
+
+
     <div class="form-group">
-        <label class="col-sm-2 control-label">Address</label>
-        <div class="col-sm-4">
-            <input class="form-control" ng-model="$ctrl.owner.address" name="address" required/>
-            <span ng-show="ownerForm.address.$error.required" class="help-inline">Address is required.</span>
-        </div>
+        <label>Address</label>
+        <input class="form-control" ng-model="$ctrl.owner.address" name="address" required/>
+        <span ng-show="ownerForm.address.$error.required" class="help-block">Address is required.</span>
     </div>
+
     <div class="form-group">
-        <label class="col-sm-2 control-label">City</label>
-        <div class="col-sm-4">
-            <input class="form-control" ng-model="$ctrl.owner.city" name="city" required/>
-            <span ng-show="ownerForm.city.$error.required" class="help-inline">City is required.</span>
-        </div>
+        <label>City</label>
+        <input class="form-control" ng-model="$ctrl.owner.city" name="city" required/>
+        <span ng-show="ownerForm.city.$error.required" class="help-block">City is required.</span>
     </div>
+    
     <div class="form-group">
-        <label class="col-sm-2 control-label">Telephone</label>
-        <div class="col-sm-4">
-            <input class="form-control" ng-model="$ctrl.owner.telephone" name="telephone" required/>
-            <span ng-show="ownerForm.telephone.$error.required" class="help-inline">Telephone is required.</span>
-        </div>
+        <label>Telephone</label>
+        <input class="form-control" ng-model="$ctrl.owner.telephone" name="telephone" required/>
+        <span ng-show="ownerForm.telephone.$error.required" class="help-block">Telephone is required.</span>
     </div>
+    
     <div class="form-group">
-        <div class="col-sm-offset-2 col-sm-4">
-            <button class="btn btn-primary" type="submit" ng-click="$ctrl.submitOwnerForm()">Submit</button>
-        </div>
+        <button class="btn btn-primary" type="submit">Submit</button>
     </div>
 </form>