update the search UI

public/css/main.less

@@ -387,6 +387,11 @@ ul {
   font-size: 30px;
 }
 
+.big-text-field {
+  font-size: 30px;
+  height: 57px;
+}
+
 .table {
   margin-left: -16px;
 }

views/stories/index.jade

@@ -1,8 +1,10 @@
 extends ../layout
 block content
+    script(src='/js/lib/moment/moment.js')
     script.
         var challengeName = 'Camper News';
         var user = !{JSON.stringify(user)};
+        var page = !{JSON.stringify(page)};
     .panel.panel-info
         .panel-heading.text-center Camper News
         .panel-body

views/stories/search-stories.jade

@@ -1,10 +1,27 @@
-input#searchArea(type=text)
+.col-xs-12
-button#searchbutton
+    .spacer
+    .input-group
+        input#searchArea.big-text-field.form-control(type='text', placeholder='Search for...', autofocus)
+        span.input-group-btn
+            button#searchbutton.btn.btn-big.btn-primary(type='button') Search
+    .spacer
+
 #story-list
     ul#stories
 script.
+    $('#searchArea').keypress(function(event) {
+        if (event.keyCode === 13 || event.which === 13) {
+            executeSearch();
+            $('#searchArea').focus();
+            event.preventDefault();
+        }
+    });
     $('#searchbutton').on('click', function() {
+        executeSearch();
+    });
+    function executeSearch() {
         $('#stories').empty();
+        console.log('clicked or enter button');
         var searchTerm = $('#searchArea').val();
         var getLinkedName = function getLinkedName(name) {
             return name.toLowerCase().replace(/\s/g, '-');
@@ -17,10 +34,8 @@ script.
                 })
                 .fail(function (xhr, textStatus, errorThrown) {
                     console.log('failure');
-                    //$('#comment-button').bind('click', commentSubmitButtonHandler);
                 })
                 .done(function (data, textStatus, xhr) {
-                    console.log(data);
                     for (var i = 0; i < data.length; i++) {
                         var li = document.createElement('li');
                         var linkedName = getLinkedName(data[i].storyLink);
@@ -55,4 +70,5 @@ script.
                         $(li).appendTo($('#stories'));
                     }
                 });
-    });
+
+    }