Ionic form Aesthetics

ionic-v1
1

image
Capture.PNG308×563 11.3 KB

This is a simple form for employee details. Can anyone kindly suggest me how may I make it aesthetically pleasing? For example, same width Department and Designation fields or changing the background color for input fields?

Thank you.

2

Also, I am unable to understand why the whole form is somehow left aligned i.e. there is padding on the right but not on the left in the container. I have used the following basic ionic format to create the form fields:

<form class="padding" name="empForm" novalidate ng-submit="verifyEmp()">

    <div class="list padding has-header">
      <label class="item item-input item-stacked-label">
        <span class="input-label">Employee Name</span>
        <input type="text" placeholder="John" name="empname" ng-model="employee.empName" required>
      </label>
      <label class="item item-input item-stacked-label">
        <span class="input-label">Employee ID</span>
        <input type="number" placeholder="1234" name="empno" ng-model="employee.employeeNo" required>
      </label>
</div>
</form>

@max @adam