From 260c25a482187702effca2768d4cc6243d538ca6 Mon Sep 17 00:00:00 2001
From: Michael Q Larson <michaelqlarson@gmail.com>
Date: Tue, 3 Mar 2015 14:35:35 -0800
Subject: [PATCH] some minor UI improvements on news

---
 public/css/main.less  |  5 +++++
 views/post/index.jade |  5 +++--
 views/post/posts.jade | 19 ++++++++++++++++++-
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/public/css/main.less b/public/css/main.less
index b6099f52c6..d22fc4ea05 100644
--- a/public/css/main.less
+++ b/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;
diff --git a/views/post/index.jade b/views/post/index.jade
index 19a0c21822..6f4656f1d2 100644
--- a/views/post/index.jade
+++ b/views/post/index.jade
@@ -2,6 +2,7 @@ extends ../layout
 block content
     script.
         var challengeName = 'Camper News';
-    .panel.text-center
-        h1 Camper News
+    .panel.panel-info
+        .panel-heading.text-center Camper News
+        .panel-body.hug-top
             include ./posts
\ No newline at end of file
diff --git a/views/post/posts.jade b/views/post/posts.jade
index 067f8321ae..de2f23ba8f 100644
--- a/views/post/posts.jade
+++ b/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'));
                         }
                     });
\ No newline at end of file