From 0bf5ef52ac1be6ed99186b35c6a8d240dfa61922 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 3 Mar 2024 21:35:23 +0800
Subject: [PATCH] Only add more gap if there's enough space

---
 src/pages/catchup.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/catchup.css b/src/pages/catchup.css
index 7036c785..ab03f43f 100644
--- a/src/pages/catchup.css
+++ b/src/pages/catchup.css
@@ -209,11 +209,15 @@
   margin: 0 16px;
   padding: 1px;
   display: flex;
-  gap: var(--hairline-width);
+  row-gap: var(--hairline-width);
   pointer-events: none;
   justify-content: stretch;
   background-image: linear-gradient(to bottom, transparent, var(--bg-color));
 
+  @media (min-width: 640px) {
+    column-gap: var(--hairline-width);
+  }
+
   .posts-bin {
     display: flex;
     gap: var(--hairline-width);