diff --git a/index.html b/index.html
index 2e5b56c..8b117c0 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,8 @@
+
+
Click me!
diff --git a/index.js b/index.js
index 3eb6d34..bf1a049 100644
--- a/index.js
+++ b/index.js
@@ -131,7 +131,7 @@ for (let fart of farts) {
// TODO: change it to onmousedown (it stopped working after separating button and label)
clickMe.onclick = () => {
counter += 1;
- popupText.innerText = counter;
+ popupText.innerText = counter + "🍑💨";
fireEvents();
};
diff --git a/main.css b/main.css
index 442e2df..db9b560 100644
--- a/main.css
+++ b/main.css
@@ -23,9 +23,11 @@
height: 100px;
}
#popupText {
+ display: inline-block;
+ white-space: nowrap;
position: absolute;
left: 50%;
top: 50%;
- transform: translate(-50%, -50%);
+ transform: translate(-25%, -50%);
font-size: 48px;
}