From ca728452ce6e9a5d34522f5119b8bba36774cb79 Mon Sep 17 00:00:00 2001
From: Marco van Dijk <marco@stronk.rocks>
Date: Fri, 11 Mar 2022 16:11:21 +0100
Subject: [PATCH] Make show more button clickable as well, in case auto refresh
 doesnt work

---
 src/eventViewer.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/eventViewer.js b/src/eventViewer.js
index 1cd3c4e..0651a8f 100644
--- a/src/eventViewer.js
+++ b/src/eventViewer.js
@@ -214,10 +214,12 @@ const EventViewer = (obj) => {
   } else {
     showMoreButton =
       <div className="stroke" style={{ width: '100%', padding: 0, margin: 0, marginBottom: '2em', marginTop: '2em' }}>
-        <div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: greyColour, padding: 0, margin: 0, width: '100%' }}>
-          <p className="row withWrap" style={{ maxWidth: '600px' }}>
-            🔄 Scroll to bottom for more
-          </p>
+        <div className="strokeSmollLeft" style={{ borderRadius: "1.2em", padding: 0, margin: 0, width: '100%' }}>
+          <button className="row nonHomeButton" style={{ backgroundColor: greyColour }} onClick={() => {
+            obj.setMaxAmount(obj.maxAmount + defaultIncrementMaxShown);;
+          }}>
+            <h3>🔄 Show More</h3>
+          </button>
         </div>
       </div>
   }