minor spacer/whiteBox appearance tweaks

2 files changed, 14 insertions, 4 deletions

diff --git a/css/tt-rss.css b/css/tt-rss.css
index 6dbb36a54..1f8c36bf0 100644
--- 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 14c9217c1..c319a8ed0 100644
--- 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;