From 215ddaea1041dab13e633fba8de9fafa9ea98b39 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <contact@fredericguillot.com>
Date: Fri, 19 Jul 2013 20:39:49 -0400
Subject: [PATCH] Improve css for mobile version

---
 assets/css/app.css         | 15 ++++++++++++++-
 templates/feeds.php        |  4 ++--
 templates/history.php      |  7 ++++++-
 templates/show_item.php    |  2 +-
 templates/unread_items.php |  4 +++-
 5 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 81f5792..0f0de60 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -129,6 +129,8 @@ p code {
 form {
     padding-top: 5px;
     padding-bottom: 5px;
+    padding-left: 15px;
+    border-left: 2px dotted #ddd;
 }
 
 label {
@@ -523,6 +525,10 @@ section li {
 /* mobile design */
 @media only screen and (max-width: 480px) {
 
+    .hide-mobile {
+        display: none;
+    }
+
     body {
         margin-left: 5px;
         margin-right: 5px;
@@ -536,7 +542,6 @@ section li {
     .logo {
         display: block;
         float: none;
-        border-bottom: 1px dotted #ddd;
     }
 
     header {
@@ -581,4 +586,12 @@ section li {
         font-size: 0.9em;
         padding: 0;
     }
+
+    section li {
+        font-size: 0.85em;
+    }
+
+    iframe {
+        max-width: 95%;
+    }
 }
diff --git a/templates/feeds.php b/templates/feeds.php
index e37e81a..cc03175 100644
--- a/templates/feeds.php
+++ b/templates/feeds.php
@@ -27,8 +27,8 @@
             </h2>
             <p>
                 <a href="<?= $feed['site_url'] ?>" rel="noreferrer" target="_blank"><?= Helper\get_host_from_url($feed['site_url']) ?></a> |
-                <a href="<?= Helper\escape($feed['feed_url']) ?>" rel="noreferrer" target="_blank"><?= t('feed link') ?></a> |
-                <a href="?action=confirm-remove-feed&amp;feed_id=<?= $feed['id'] ?>"><?= t('remove') ?></a> |
+                <span class="hide-mobile"><a href="<?= Helper\escape($feed['feed_url']) ?>" rel="noreferrer" target="_blank"><?= t('feed link') ?></a> |</span>
+                <span class="hide-mobile"><a href="?action=confirm-remove-feed&amp;feed_id=<?= $feed['id'] ?>"><?= t('remove') ?></a> |</span>
                 <a href="?action=feed-items&amp;feed_id=<?= $feed['id'] ?>"><?= t('items') ?></a> |
                 <a href="?action=refresh-feed&amp;feed_id=<?= $feed['id'] ?>" data-feed-id="<?= $feed['id'] ?>" data-action="refresh-feed"><?= t('refresh') ?></a>
             </p>
diff --git a/templates/history.php b/templates/history.php
index c2d2dfb..9c39398 100644
--- a/templates/history.php
+++ b/templates/history.php
@@ -26,10 +26,12 @@
             <p>
                 <?= Helper\get_host_from_url($item['url']) ?> |
 
-                <?= dt('%e %B %Y %k:%M', $item['updated']) ?> |
+                <span class="hide-mobile"><?= dt('%e %B %Y %k:%M', $item['updated']) ?> |</span>
 
                 <?php if (! $item['bookmark']): ?>
+                    <span class="hide-mobile">
                     <a id="bookmark-<?= $item_id ?>" href="?action=bookmark&amp;value=1&amp;id=<?= $item_id ?>&amp;redirect=history&amp;offset=<?= $offset ?>"><?= t('bookmark') ?></a> |
+                    </span>
                 <?php endif ?>
 
                 <a
@@ -40,7 +42,10 @@
                     <?= t('mark as unread') ?>
                 </a> |
 
+                <span class="hide-mobile">
                 <a href="?action=mark-item-removed&amp;id=<?= $item_id ?>&amp;offset=<?= $offset ?>"><?= t('remove') ?></a> |
+                </span>
+
                 <a
                     href="<?= $item['url'] ?>"
                     id="original-<?= $item_id ?>"
diff --git a/templates/show_item.php b/templates/show_item.php
index 9571b42..632438b 100644
--- a/templates/show_item.php
+++ b/templates/show_item.php
@@ -13,7 +13,7 @@
 
         <p class="infos">
             <?= Helper\get_host_from_url($item['url']) ?> |
-            <?= dt('%A %e %B %Y %k:%M', $item['updated']) ?> |
+            <span class="hide-mobile"><?= dt('%A %e %B %Y %k:%M', $item['updated']) ?> |</span>
             <?php if ($item['bookmark']): ?>
                 <a href="?action=bookmark&amp;value=0&amp;id=<?= $item_id ?>&amp;redirect=<?= $menu ?>"><?= t('remove bookmark') ?></a>
             <?php else: ?>
diff --git a/templates/unread_items.php b/templates/unread_items.php
index 6b07bd3..f3b4f8d 100644
--- a/templates/unread_items.php
+++ b/templates/unread_items.php
@@ -34,13 +34,15 @@
             </p>
             <p>
                 <?= Helper\get_host_from_url($item['url']) ?> |
-                <?= dt('%e %B %Y %k:%M', $item['updated']) ?> |
+                <span class="hide-mobile"><?= dt('%e %B %Y %k:%M', $item['updated']) ?> |</span>
 
+                <span class="hide-mobile">
                 <?php if ($item['bookmark']): ?>
                     <a id="bookmark-<?= $item_id ?>" href="?action=bookmark&amp;value=0&amp;id=<?= $item_id ?>&amp;redirect=unread&amp;offset=<?= $offset ?>"><?= t('remove bookmark') ?></a> |
                 <?php else: ?>
                     <a id="bookmark-<?= $item_id ?>" href="?action=bookmark&amp;value=1&amp;id=<?= $item_id ?>&amp;redirect=unread&amp;offset=<?= $offset ?>"><?= t('bookmark') ?></a> |
                 <?php endif ?>
+                </span>
 
                 <a
                     href="?action=mark-item-read&amp;id=<?= $item_id ?>&amp;offset=<?= $offset ?>"