some minor UI improvements on news

public/css/main.less

@@ -748,6 +748,11 @@ iframe.iphone {
   padding-bottom: 5px;
 }
 
+.big-ion-up-arrow {
+  font-size: 45px;
+  margin-top: -10px;
+}
+
 //uncomment this to see the dimensions of all elements outlined in red
 //* {
 //  border-color: red;

views/post/index.jade

@@ -2,6 +2,7 @@ extends ../layout
 block content
     script.
         var challengeName = 'Camper News';
-    .panel.text-center
+    .panel.panel-info
-        h1 Camper News
+        .panel-heading.text-center Camper News
+        .panel-body.hug-top
             include ./posts

views/post/posts.jade

@@ -17,7 +17,24 @@ h3
                             var linkedName = getLinkedName(data[i].headline);
                             var rank = data[i].rank;
 
-                            $(li).html("<div class='row text-center'><div class='col-xs-3 text-right'><i class='ion-arrow-up-b'></i></div><div class='col-xs-6'><a href='/stories/" + linkedName + "'>" + data[i].headline + "</a></div><div class='col-xs-3'></div></div><div class='row text-center'><div class='col-xs-3 text-right'>" + rank + "</div><div class='col-xs-6'>" + data[i].author.username + "</div><div class='col-xs-3'></div></div></li>");
+                            $(li).html("<div class='row text-center'>" +
+                                            "<div class='col-xs-3 text-right big-ion-up-arrow'>" +
+                                                "<i class='ion-arrow-up-b'></i>" +
+                                            "</div>" +
+                                            "<div class='col-xs-6'>" +
+                                                "<a href='/stories/" + linkedName + "'>"
+                                                    + data[i].headline +
+                                                "</a>" +
+                                            "</div>" +
+                                            "<div class='col-xs-3'>" +
+                                            "</div>" +
+                                        "</div>" +
+                                        "<div class='row text-center'>" +
+                                            "<div class='col-xs-3 text-right'>" + rank + "</div>" +
+                                        "<div class='col-xs-6'>" + data[i].author.username + "</div>" +
+                                        "<div class='col-xs-3'></div>" +
+                                    "</div>" +
+                            "</li>");
                             $(li).appendTo($('#story-list'));
                         }
                     });