diff --git a/src/index.html b/src/index.html
index 25285ed..42aa35a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -359,6 +359,7 @@
margin: 20px 0;
display: block;
border-radius: 4px;
+ cursor: pointer;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
.saved-item-tile:hover {
diff --git a/src/script.js b/src/script.js
index f5fef85..0766d76 100644
--- a/src/script.js
+++ b/src/script.js
@@ -213,7 +213,7 @@
items.forEach(function (item) {
html += '
'
+ '
X'
- + '
' + item.title + '
Last updated: ' + item.updatedOn + ' ';
+ + '' + item.title + '
Last updated: ' + utils.getHumanDate(item.updatedOn) + '';
});
} else {
html += 'Nothing saved here.'
diff --git a/src/utils.js b/src/utils.js
index 8862e83..b4656d1 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -88,11 +88,20 @@
}
}
+ function getHumanDate(timestamp) {
+ var d = new Date(timestamp);
+ var retVal = d.getDate() + ' '
+ + [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth()] + ' '
+ + d.getFullYear();
+ return retVal;
+ }
+
window.utils = {
semverCompare: semverCompare,
generateRandomId: generateRandomId,
onButtonClick: onButtonClick,
addInfiniteLoopProtection: addInfiniteLoopProtection,
+ getHumanDate: getHumanDate,
log: log
};
})();