minor spacer/whiteBox appearance tweaks

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 6dbb36a54d073fdb72a9ad2d1d5a17b7d5986800..1f8c36bf05ad8241e2b2fd6d58c48282a93f8fcc 100644 (file)
--- a/css/tt-rss.css
+++ b/css/tt-rss.css
@@ -546,6 +546,9 @@ div.whiteBox {
        text-align : center;
        padding : 1em 1em 0px 1em;
        font-size : 11px;
+       border-width : 0px 0px 1px 0px;
+       border-style : solid;
+       border-color : #ddd;
 }
 
 div.autocomplete {
@@ -916,8 +919,14 @@ img.feedIcon, img.tinyFeedIcon {
        font-style : italic;
 }
 
-#headlines-spacer a {
+#headlines-spacer a, #headlines-spacer span {
        color : #555;
+       padding : 10px;
+       display : block;
+}
+
+#headlines-spacer a:hover {
+       color : #88b0f0;
 }
 
 ul#filterDlg_Matches, ul#filterDlg_Actions {

diff --git a/js/viewfeed.js b/js/viewfeed.js
index 14c9217c12f3d9431f68f39063b62a028c327e18..c319a8ed02e2c40c3ea362841d3680a110696ede 100644 (file)
--- a/js/viewfeed.js
+++ b/js/viewfeed.js
@@ -180,7 +180,8 @@ function headlines_callback2(transport, offset, background, infscroll_req) {
 
                                        var hsp = $("headlines-spacer");
 
-                                       if (hsp) hsp.innerHTML = "Click to open next unread feed.";
+                                       if (hsp) hsp.innerHTML = "<a href='#' onclick='openNextUnreadFeed()'>" +
+                                               __("Click to open next unread feed.") + "</a>";
                                }
                        }
 
@@ -1311,8 +1312,8 @@ function headlines_scroll_handler(e) {
                                                ((e.scrollTop + e.offsetHeight) / e.scrollHeight >= 0.7))) {
 
                                if (hsp)
-                                       hsp.innerHTML = "<img src='images/indicator_tiny.gif'> " +
-                                               __("Loading, please wait...");
+                                       hsp.innerHTML = "<span class='loading'><img src='images/indicator_tiny.gif'> " +
+                                               __("Loading, please wait...") + "</span>";
 
                                loadMoreHeadlines();
                                return;