Merge pull request #5 from samanthasbytes/main

Allows items to be added via the enter button

script.js

@@ -27,10 +27,17 @@ function newItem() {
   // 4. Reordering the items:
   $('#list').sortable();
 
-  // Clears text box after adding an item:
+  // 5. Clears text box after adding an item:
   $('#input').val('');
 }
 
+// Allows items to be added via the enter button
+$('#input').on('keydown', function (event) {
+  if (event.which == 13) {
+    newItem();
+  }
+});
+
 // when user clicks enter from within textbox, page refreshes and list is gone // * input field was wrapped within a form element, pressing enter triggered the default behavior for form submission, causing the page to refresh
 // resolved: remove form element
 

style.css

@@ -1,11 +1,11 @@
 body {
-  font: normal normal 13px/16px 'Open Sans', sans-serif;
+  font: normal normal 16px/19px 'Open Sans', sans-serif;
   background: #dfdfdf;
 }
 
 .container {
   padding: 20px;
-  width: 300px;
+  width: 350px;
   margin: 0 auto;
   margin-top: 40px;
   background: white;