From 6013fd68fffba7b47e3c6f608009507d79dbd02f Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Thu, 6 Feb 2020 23:09:22 +0100
Subject: [PATCH] Add easter eggs

---
 src/popup/panels/AboutPanel.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/popup/panels/AboutPanel.vue b/src/popup/panels/AboutPanel.vue
index 39c83b2..2a43ebf 100644
--- a/src/popup/panels/AboutPanel.vue
+++ b/src/popup/panels/AboutPanel.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="flex flex-column">
     <div class="row">
       <span class="label">Ultrawidify version:</span><br/> {{addonVersion}}
     </div>
@@ -14,6 +14,7 @@
     <div class="row">
       <span class="label">Swatter mode (logging)</span><br/>
     </div>
+    <div class="flex-grow"></div>
     <div class="flex flex-row">
       <ShortcutButton class="flex flex-grow button"
                       label="Show logger"
@@ -29,6 +30,7 @@
                       @click.native="hideLogger()"
       ></ShortcutButton>
     </div>
+    <div v-if="showEasterEgg">You've made plenty of marks, all in the wrong places!</div>
   </div>
 </template>
 
@@ -56,6 +58,7 @@ export default {
       lastLoadedLoggerSettings: undefined,
       mailtoLink: '',
       redditLink: '',
+      showEasterEgg: false,
     }
   },
   async created() {
@@ -97,7 +100,7 @@ Browser-related stuff (please ensure this section is correct):
       Comms.sendMessage({cmd: 'show-logger', forwardToActive: true});
     },
     sendMark() {
-
+      this.showEasterEgg = !this.showEasterEgg;
     },
     hideLogger() {
       Comms.sendMessage({cmd: 'hide-logger', forwardToActive: true});