From d65f66e03fd9b6ac670fe6ecb833566d6ac49fc7 Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Sat, 2 May 2015 17:06:31 -0700
Subject: [PATCH] fix mobile camper news headlines

---
 public/css/main.less           |  4 ++++
 views/stories/hot-stories.jade | 21 ++++++++++++---------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/public/css/main.less b/public/css/main.less
index 3708695fd7..a39d2700dc 100644
--- a/public/css/main.less
+++ b/public/css/main.less
@@ -960,6 +960,10 @@ iframe.iphone {
   margin-top: -5px;
 }
 
+.mobile-story-headline {
+  font-size: 20px;
+}
+
 .story-byline {
   margin-top: 5px;
   font-size: 14px;
diff --git a/views/stories/hot-stories.jade b/views/stories/hot-stories.jade
index d8d518ea0c..73ef1fde8e 100644
--- a/views/stories/hot-stories.jade
+++ b/views/stories/hot-stories.jade
@@ -27,15 +27,18 @@
                                         "<img class='mobile-story-image img-responsive' src='" + (!!data[i].image ? data[i].image : data[i].author.picture) + "'/>" +
                                     "</a>" +
                                 "</div>" +
-                                "<div class='visible-xs'>" +
-                                    "<div class='col-xs-12 text-center'>" +
-                                        rank + (rank > 1 ? " points" : " point") + " · posted " +
-                                        moment(data[i].timePosted).fromNow() +
-                                        " by <a href='/" + data[i].author.username + "'>@" + data[i].author.username + "</a> " +
-                                    "</div>" +
-                                    "<div class='col-xs-12'>" +
-                                        "<br><a class='btn btn-no-shadow btn-primary btn-block btn-primary-ghost' href='/news/" + linkedName + "'>discuss</a>" +
-                                    "</div>" +
+                                "<div class='col-xs-12 mobile-story-headline text-center'>" +
+                                    "<a href='" + data[i].link + "' target='_blank'>" +
+                                        data[i].headline +
+                                    "</a>" +
+                                "</div>" +
+                                "<div class='col-xs-12 text-center'>" +
+                                    rank + (rank > 1 ? " points" : " point") + " · posted " +
+                                    moment(data[i].timePosted).fromNow() +
+                                    " by <a href='/" + data[i].author.username + "'>@" + data[i].author.username + "</a> " +
+                                "</div>" +
+                                "<div class='col-xs-12'>" +
+                                    "<br><a class='btn btn-no-shadow btn-primary btn-block btn-primary-ghost' href='/news/" + linkedName + "'>discuss</a>" +
                                 "</div>" +
                             "</div>" +
                             "<div class='hidden-xs row media-stories'>" +