UX Changes, make input span the container, remove center from heading

ikaul · ikaul · commit 7ba0cbf2caaf · 2016-09-09T10:45:59.000-07:00
diff --git a/assignment1/index.html b/assignment1/index.html
@@ -9,14 +9,13 @@
   </head>
   <body>
     <div class="container">
-      <h1 class="text-center">Lunch Order</h1>
+      <h1>Lunch Order</h1>
       <div ng-controller="LunchCheckController">
         <form>
           <div class="alert alert-{{noticeType}}" id="message">{{message}}</div>
-          <br/>
           <div class="form-group">
             <label for="foodItems">Enter Food Items:</label>
-            <input type="text" ng-model="foodItems">
+            <input type="text" ng-model="foodItems" class="form-control" placeholder="List comma separated dishes you usually have for lunch">
           </div>
           <button class="btn btn-primary" type="submit" ng-click="checkLunchItems()">Check if too much</button>
         </form>
