From 695889f42896c1e3f1290a588ac1c5483d0124f0 Mon Sep 17 00:00:00 2001
From: SayaAndy <saya.andy@posteo.com>
Date: Tue, 21 Oct 2025 10:09:05 +0700
Subject: fix: minimize chance of masonry getting broken

---
 static/input.css | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

(limited to 'static/input.css')

diff --git a/static/input.css b/static/input.css
index 836d840..4fcadd1 100644
--- a/static/input.css
+++ b/static/input.css
@@ -445,12 +445,18 @@ a:hover, .linklike:hover {
     border-color: transparent transparent var(--background-dark-color) transparent;
 }
 
-.grid-item, .grid-sizer {
+.grid-item {
     position: relative;
     display: inline-block;
     width: 10rem;
 }
 
+.grid-sizer {
+    position: relative;
+    display: inline-block;
+    width: 10.1rem;
+}
+
 .grid-item-index {
     visibility: visible;
     opacity: 1;
@@ -475,30 +481,42 @@ a:hover, .linklike:hover {
 }
 
 @container main (width >= 40rem) {
-    .grid-item, .grid-sizer {
+    .grid-item {
         width: 12rem;
     }
 
+    .grid-sizer {
+        width: 12.1rem;
+    }
+
     .grid-item-2x {
         width: 24rem;
     }
 }
 
 @container main (width >= 76rem) {
-    .grid-item, .grid-sizer {
+    .grid-item {
         width: 18rem;
     }
 
+    .grid-sizer {
+        width: 18.1rem;
+    }
+
     .grid-item-2x {
         width: 36rem;
     }
 }
 
 @container main (width >= 128rem) {
-    .grid-item, .grid-sizer {
+    .grid-item {
         width: 24rem;
     }
 
+    .grid-sizer {
+        width: 24.1rem;
+    }
+
     .grid-item-2x {
         width: 48rem;
     }
-- 
cgit v1.3.1+13