From e212ddb629e0896e479c02e157524c462a4216bd Mon Sep 17 00:00:00 2001
From: Sahat Yalkabov <sakhat@gmail.com>
Date: Tue, 10 Dec 2013 03:08:43 -0500
Subject: [PATCH] Reverted back to .user class as it was causing side-effect
 issues. UI cleanup on Twitter page.

---
 public/css/app.less    |  2 +-
 views/api/twitter.jade | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/public/css/app.less b/public/css/app.less
index 7a7d9bd6a8..4cce94f00d 100644
--- a/public/css/app.less
+++ b/public/css/app.less
@@ -6,7 +6,7 @@ body {
   padding-top: 50px;
 }
 
-ul img {
+.user img {
   border-radius: 50%;
   width: 40px;
   height: 40px;
diff --git a/views/api/twitter.jade b/views/api/twitter.jade
index 02b2ccf6d6..ab414ffe33 100644
--- a/views/api/twitter.jade
+++ b/views/api/twitter.jade
@@ -14,14 +14,16 @@ block content
     a.btn.btn-lg.btn-primary-outline(href='https://dev.twitter.com/docs/api/1.1', target='_blank')
       i.fa.fa-code-fork
       | API Endpoints
-  h3.text-primary Latest 50 Tweets containing the word "Hackathon" within NYC 5 mile radius
-  ul.list
+  h3.text-primary Latest 50 Tweets containing "Hackathon" in NYC within 5 miles
+  ul.list-unstyled
     for tweet in tweets
       li
-        small
-          strong #{tweet.user.name}
-          span.text-muted  @#{tweet.user.screen_name}
-        .clearfix
-          - var image = tweet.user.profile_image_url.replace('_normal', '');
-          img.pull-left(src='#{image}', width=50, height=50)
-          small #{tweet.text}
\ No newline at end of file
+        .panel.panel-default
+          .panel-heading
+            =tweet.user.name
+            small.text-muted  @#{tweet.user.screen_name}
+          .panel-body
+            .clearfix
+              - var image = tweet.user.profile_image_url.replace('_normal', '');
+              img.pull-left(src='#{image}', width=50, height=50)
+              small #{tweet.text}
\ No newline at end of file