Improve css for mobile version

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%;
+    }
 }

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> |
+                <span class="hide-mobile"><a href="<?= Helper\escape($feed['feed_url']) ?>" rel="noreferrer" target="_blank"><?= t('feed link') ?></a> |</span>
-                <a href="?action=confirm-remove-feed&amp;feed_id=<?= $feed['id'] ?>"><?= t('remove') ?></a> |
+                <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>

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 ?>"

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: ?>

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 ?>"