Fixed the header layout.

Author: ahliddin

src/main/webapp/WEB-INF/html/cars/layout.html

@@ -1,14 +1,14 @@
 
 <div class="input-append">
-    <input style="width:358px;" class="span2" type="text" ng-model="carName" required min="1" />
+    <input style="width:358px; margin-left: 100px;" class="span2" type="text" ng-model="carName" required min="1" />
     <button class="btn btn-primary" ng-disabled="!carName" ng-click="addNewCar(carName)">Add Car</button>
 </div>
 
-<h3>Car List</h3>
-<div class="alert alert-info" style="width:400px;" ng-show="cars.length == 0">
+<h3 style="margin-left:100px;">Car List</h3>
+<div class="alert alert-info" style="width:400px;margin-left:100px;" ng-show="cars.length == 0">
     No cars found
 </div>
-<table class="table table-bordered table-striped" style="width:450px;" ng-show="cars.length > 0">
+<table class="table table-bordered table-striped" style="width:450px; margin-left: 100px;" ng-show="cars.length > 0">
     <thead>
         <tr>
             <th style="text-align: center; width: 25px;">Action</th>
@@ -17,9 +17,9 @@ <h3>Car List</h3>
     </thead>
     <tbody>
         <tr ng-repeat="car in cars">
-            <td  style="width:70px;text-align: center;"><button class="btn btn-mini btn-danger" ng-click="removeCar(car)">Remove</button></td>
+            <td  style="width:70px;text-align:center;"><button class="btn btn-mini btn-danger" ng-click="removeCar(car)">Remove</button></td>
             <td>{{car}}</td>
         </tr>
     </tbody>
 </table>
-<button class="btn btn-danger"  ng-show="cars.length > 1" ng-click="removeAllCars()">Remove All Cars</button>
+<button style="margin-left:100px;" class="btn btn-danger"  ng-show="cars.length > 1" ng-click="removeAllCars()">Remove All Cars</button>

src/main/webapp/resources/css/app.css

@@ -2,7 +2,7 @@
 
 #wrapper {
     margin: 0 auto;
-    width: 500px;
+    width: 650px;
     margin-top: 50px;
 }