From 0eb3840221f9bace2c7e3c7f8aa10a54a565eb4a Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Thu, 6 Feb 2020 23:52:58 +0100
Subject: [PATCH] Move easter eggs around

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

diff --git a/src/popup/panels/AboutPanel.vue b/src/popup/panels/AboutPanel.vue
index 2a43ebf..46a3ebb 100644
--- a/src/popup/panels/AboutPanel.vue
+++ b/src/popup/panels/AboutPanel.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-column">
+  <div class="flex flex-column h100">
     <div class="row">
       <span class="label">Ultrawidify version:</span><br/> {{addonVersion}}
     </div>
@@ -11,10 +11,13 @@
         <li>PM me on <a target="_blank" :href="redditLink">reddit</a><br/></li>
       </ul>
     </div>
+
+    <div class="flex-grow"></div>
+
     <div class="row">
       <span class="label">Swatter mode (logging)</span><br/>
     </div>
-    <div class="flex-grow"></div>
+    <div v-if="showEasterEgg" class="center"><small>You've made plenty of marks, all in the wrong places!</small></div>
     <div class="flex flex-row">
       <ShortcutButton class="flex flex-grow button"
                       label="Show logger"
@@ -30,7 +33,6 @@
                       @click.native="hideLogger()"
       ></ShortcutButton>
     </div>
-    <div v-if="showEasterEgg">You've made plenty of marks, all in the wrong places!</div>
   </div>
 </template>