diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index c7bb7ba..66d0957 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -2289,9 +2289,10 @@
var cacheIndicator = null;
function showCacheProgress(cached, total) {
if (!cacheIndicator) {
- cacheIndicator = document.createElement('div');
+ cacheIndicator = document.createElement('a');
cacheIndicator.id = 'cache-indicator';
- cacheIndicator.style.cssText = 'position:fixed;bottom:1rem;left:1rem;padding:0.5rem 1rem;background:#4a7c59;color:white;border-radius:4px;font-size:0.85rem;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:opacity 0.3s;';
+ cacheIndicator.href = '/offline';
+ cacheIndicator.style.cssText = 'position:fixed;bottom:1rem;left:1rem;padding:0.5rem 1rem;background:#4a7c59;color:white;border-radius:4px;font-size:0.85rem;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:opacity 0.3s;text-decoration:none;cursor:pointer;';
document.body.appendChild(cacheIndicator);
}
var pct = Math.round((cached / total) * 100);
@@ -2301,7 +2302,7 @@
function showCacheComplete(total) {
if (cacheIndicator) {
- cacheIndicator.innerHTML = 'Ready for offline! (' + total + ' pages)';
+ cacheIndicator.innerHTML = 'Ready for offline! (' + total.toLocaleString() + ' pages)';
setTimeout(function() {
cacheIndicator.style.opacity = '0';
setTimeout(function() {