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 9354af59b739fbf344413226f40f25bae67f9142..988ca89537233d33cd236424a5656c33790945ec 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>