T157 changes to css

src/main/resources/static/css/main.css

@@ -153,18 +153,19 @@
 }
 
 .menuItem {
-    width: 174px;
-    padding: 13px;
-    font-size: 12px;
+    width: 180px;
+    padding: 10px;
+    height: 42px;
+    font-size: 14px;
     text-align: left;
     margin-bottom: 5px;
     border: 1px solid lightgray;
     cursor: pointer;
 }
 
-
-
-.menuFactory {
+#iconPlus {
+    text-align: center;
+    font-size: 28px;
     color: lightgray;
 }
 
@@ -175,9 +176,10 @@
 }
 
 .menuItemSelected {
-    width: 174px;
-    padding: 13px;
-    font-size: 12px;
+    width: 180px;
+    padding: 10px;
+    height: 42px;
+    font-size: 14px;
     text-align: left;
     margin-bottom: 5px;
     border: 1px solid lightgray;

src/main/resources/static/js/datatransfer.js

@@ -1,15 +1,20 @@
+
 function getData(uuid){
     $.getJSON('http://localhost:8097/mock/json', function(json) {
-       fillStaticFields(json[0].clientUUID
-                        , json[0].mockedResponseId
-                        , json[0].mediaType
-                        , json[0].messageBody
-                        , json[0].httpStatus);
-       fillHeaderTable(json[0].httpHeaders);
-       fillMessageList(json);
+        fillMessageList(json);
+        initializeMock(json, 0)
     });
 }
 
+function initializeMock(json, id){
+    fillStaticFields(json[id].clientUUID
+        , json[id].mockedResponseId
+        , json[id].mediaType
+        , json[id].messageBody
+        , json[id].httpStatus);
+    fillHeaderTable(json[id].httpHeaders);
+}
+
 function fillStaticFields(uuid, id, mediaType, body, httpStatus){
     $('#messageLink').html(createLink(uuid,id));
     $('#typeSelector').val(mediaType);
@@ -63,7 +68,7 @@ function fillMessageList(json){
 function generateMessageTileHtml(id, httpStatus, mediaType){
     var innerHTML = '<div class="menuItem">' +
         '<table><tr><td>Id: '+ id +'</td></tr>' +
-        '<tr><td>Content-type: '+mediaType+'</td></tr>' +
+        // '<tr><td>Content-type: '+mediaType+'</td></tr>' +
         '<tr><td>Http-status: '+ httpStatus +'</td></tr>' +
         '</table></div>';
     return innerHTML;

src/main/resources/templates/mock.html

@@ -19,7 +19,7 @@
                     <div id="listItems">
                         <div class="menuItemSelected">Item</div>
                     </div>
-                <div class="menuItem menuFactory"><i class="icon-plus"></i></div>
+                <div id="iconPlus" class="menuItem"><i class="icon-plus"></i></div>
             </div>
 
         </div>