From 3c1400f2aa883fc23e8668e681005bf1b3340060 Mon Sep 17 00:00:00 2001
From: Raymond Suelzer <rsuelzer@gmail.com>
Date: Sat, 7 Feb 2015 18:24:59 -0800
Subject: [PATCH] Updates CSS to better support mobile devices and rendering of
 rss_log items.

---
 app/assets/stylesheets/custom.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/custom.css b/app/assets/stylesheets/custom.css
index 33b160eb3e..12abf2b142 100644
--- a/app/assets/stylesheets/custom.css
+++ b/app/assets/stylesheets/custom.css
@@ -116,6 +116,8 @@ html, body{
     margin: 0 !important;
 }
 
+/*Navigation*/
+
 #navigation a {
     display: block;
 }
@@ -130,17 +132,21 @@ html, body{
 }
 
 .rss-log-item{
-    display: table-cell;
-    margin: auto;
-    width: inherit;
+    padding: 5px;
     text-align: center;
-    vertical-align: middle;
     height: 350px;
 }
 
+/*don't force log items to be a certain height on mobile devices because they are stacked on top of each other*/
+@media screen and (max-width: 767px) {
+.rss-log-item{
+    height: auto;
+}
+}
+
 .rss-title, .rss-detail {
-    margin-top:10px;
-    margin-bottom:10px;
+    margin-top:5px;
+    margin-bottom:5px;
 }