use svg icon for packed article placeholders

2 files changed, 6 insertions, 2 deletions

diff --git a/js/Article.js b/js/Article.js
index 4388b41e6..5f882a59f 100644
--- a/js/Article.js
+++ b/js/Article.js
@@ -283,7 +283,9 @@ const Article = {
 			row.setAttribute("data-content", row.getAttribute("data-content-original"));
 			row.removeAttribute("data-content-original");
 
-			row.querySelector(".content-inner").innerHTML = " ";
+			row.querySelector(".content-inner").innerHTML = `<div class="text-center">
+				<img class="icon-unpack-pending" src="${App.getInitParam('icon_three_dots')}">
+			</div>`
 		}
 	},
 	view: function (id, no_expand) {
diff --git a/js/Headlines.js b/js/Headlines.js
index 58348aca7..07796813a 100755
--- a/js/Headlines.js
+++ b/js/Headlines.js
@@ -534,7 +534,9 @@ const Headlines = {
 						<div class="content" onclick="return Headlines.click(event, ${hl.id}, true);">
 							${Article.renderNote(hl.id, hl.note)}
 							<div class="content-inner" lang="${hl.lang ? hl.lang : 'en'}">
-								<img src="${App.getInitParam('icon_indicator_white')}">
+								<div class="text-center">
+									<img class="icon-unpack-pending" src="${App.getInitParam('icon_three_dots')}">
+								</div>
 							</div>
 							<div class="intermediate">
 								${Article.renderEnclosures(hl.enclosures)}