fix: minimize chance of masonry getting broken

1 files changed, 22 insertions, 4 deletions

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;
     }