From 141f4a94dc9e38ab552ca2af2a413e00f705eb41 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 19 Dec 2022 10:04:50 +0800
Subject: [PATCH] Fix "show more" appearing below the faux padding

---
 src/pages/status.jsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/pages/status.jsx b/src/pages/status.jsx
index 27cff0b..4fecbab 100644
--- a/src/pages/status.jsx
+++ b/src/pages/status.jsx
@@ -255,19 +255,21 @@ function StatusPage({ id }) {
               </li>
             );
           })}
+          {showMore > 0 && (
+            <li>
+              <button
+                type="button"
+                class="plain block"
+                disabled={uiState === 'loading'}
+                onClick={() => setLimit((l) => l + 40)}
+                style={{ marginBlockEnd: '6em' }}
+              >
+                Show more&hellip;{' '}
+                <span class="tag">{showMore > 40 ? '40+' : showMore}</span>
+              </button>
+            </li>
+          )}
         </ul>
-        {showMore > 0 && (
-          <button
-            type="button"
-            class="plain block"
-            disabled={uiState === 'loading'}
-            onClick={() => setLimit((l) => l + 40)}
-            style={{ marginBlockEnd: '6em' }}
-          >
-            Show more&hellip;{' '}
-            <span class="tag">{showMore > 40 ? '40+' : showMore}</span>
-          </button>
-        )}
       </div>
     </div>
   );