diff --git a/package.json b/package.json
index 7f3c3f3..3305677 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@mysticbits/codex-mythica",
- "version": "0.2.1",
+ "version": "0.2.2",
"private": true,
"scripts": {
"start": "nodejs ./bin/www"
diff --git a/public/styles/styles.css b/public/styles/styles.css
index ac56810..c6c90ce 100644
--- a/public/styles/styles.css
+++ b/public/styles/styles.css
@@ -216,7 +216,7 @@ p {
.card-randomLink {
border: none;
display: inline-block;
- padding: .25em;
+ padding: 0;
line-height: 0;
margin: 0;
}
@@ -227,6 +227,7 @@ p {
.card-randomLink > figure {
border: none;
+ margin: .5em 2em;
}
.card-randomLink > figure > figcaption {
diff --git a/routes/index.js b/routes/index.js
index fadf36f..e8462a8 100644
--- a/routes/index.js
+++ b/routes/index.js
@@ -27,7 +27,7 @@ router.get('/', function(req, res) {
cards = require('../lib/cards.json'),
rand_card_num = Math.floor(Math.random() * Math.floor(cards.length-1));
- res.render('index', { title: 'Welcome', query: (req.query || {}), card: cards[rand_card_num] });
+ res.render('index', { title: 'Welcome', query: (req.query || {}), card: cards[rand_card_num], random_num: rand_card_num });
});
router.get('/cards/:card_num', (req, res) => {
diff --git a/views/partials/random_card.ejs b/views/partials/random_card.ejs
index 3965375..ee5a5b5 100644
--- a/views/partials/random_card.ejs
+++ b/views/partials/random_card.ejs
@@ -1,4 +1,4 @@
-<% if (typeof card !== 'undefined') { %>
+<% if (typeof card !== 'undefined' && typeof random_num !== 'undefined') { %>
or - ↻ reload the page for a different card. + ↻ reload the page for a different card.
<% } %>