fix: correctly pack galleries on mobiles

feat: switch masonry to packery
debug: log app shutdown more

1 files changed, 4 insertions, 12 deletions

diff --git a/static/input.css b/static/input.css
index 739caa3..8b69162 100644
--- a/static/input.css
+++ b/static/input.css
@@ -468,15 +468,11 @@ form.crossable.htmx-request input {
 }
 
 .grid-item {
-    position: relative;
-    display: inline-block;
     width: 10rem;
 }
 
 .grid-sizer {
-    position: relative;
-    display: inline-block;
-    width: 10.1rem;
+    width: 10.5rem;
 }
 
 .grid-item-index {
@@ -508,7 +504,7 @@ form.crossable.htmx-request input {
     }
 
     .grid-sizer {
-        width: 12.1rem;
+        width: 12.5rem;
     }
 
     .grid-item-2x {
@@ -517,14 +513,10 @@ form.crossable.htmx-request input {
 }
 
 @container main (width >= 76rem) {
-    .grid-item {
+    .grid-item, .grid-sizer {
         width: 18rem;
     }
 
-    .grid-sizer {
-        width: 18.1rem;
-    }
-
     .grid-item-2x {
         width: 36rem;
     }
@@ -536,7 +528,7 @@ form.crossable.htmx-request input {
     }
 
     .grid-sizer {
-        width: 24.1rem;
+        width: 24.5rem;
     }
 
     .grid-item-2x {