From 7ab6da5e9b5bee40d54f8fe832b70b37f715523a Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 2 Mar 2024 10:01:22 +0800
Subject: [PATCH] Relayout the previous catchups list

---
 src/pages/catchup.jsx | 42 ++++++++++++++++++++++--------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/pages/catchup.jsx b/src/pages/catchup.jsx
index ac55f5ed..db4258c9 100644
--- a/src/pages/catchup.jsx
+++ b/src/pages/catchup.jsx
@@ -713,28 +713,30 @@ function Catchup() {
                             {formatRange(
                               new Date(pc.startAt),
                               new Date(pc.endAt),
-                            )}{' '}
-                            <small class="ib insignificant">
-                              {pc.count} posts
-                            </small>
+                            )}
                           </span>
                         </Link>{' '}
-                        <button
-                          type="button"
-                          class="light danger small"
-                          onClick={async () => {
-                            const yes = confirm('Remove this catch-up?');
-                            if (yes) {
-                              let t = showToast(`Removing Catch-up ${pc.id}`);
-                              await db.catchup.del(pc.id);
-                              t?.hideToast?.();
-                              showToast(`Catch-up ${pc.id} removed`);
-                              reloadCatchups();
-                            }
-                          }}
-                        >
-                          <Icon icon="x" />
-                        </button>
+                        <span>
+                          <small class="ib insignificant">
+                            {pc.count} posts
+                          </small>{' '}
+                          <button
+                            type="button"
+                            class="light danger small"
+                            onClick={async () => {
+                              const yes = confirm('Remove this catch-up?');
+                              if (yes) {
+                                let t = showToast(`Removing Catch-up ${pc.id}`);
+                                await db.catchup.del(pc.id);
+                                t?.hideToast?.();
+                                showToast(`Catch-up ${pc.id} removed`);
+                                reloadCatchups();
+                              }
+                            }}
+                          >
+                            <Icon icon="x" />
+                          </button>
+                        </span>
                       </li>
                     ))}
                   </ul>