fix

frontend/src/styles/documents/listing.css

@@ -69,6 +69,8 @@
   pointer-events: none;
   z-index: 6;
   height: 0;
+  width: calc(100% - 2rem);
+  margin: 0 1rem;
 }
 
 .panel-floating {
@@ -88,30 +90,29 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 0.75rem;
   z-index: 950000;
   width: auto;
+  max-width: min(640px, calc(100% - 2rem));
   margin: 0 auto;
+  min-width: 0;
+  overflow: hidden;
 }
 
 .panel-floating__buttons {
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
-  order: 2;
   pointer-events: auto;
 }
 
-.panel-floating__label {
-  order: 0;
-}
-
 .panel-floating__label {
   white-space: nowrap;
   pointer-events: none;
   font-size: 0.95rem;
   color: var(--fg);
+  min-width: 0;
 }
 
 .selection-summary {
@@ -150,15 +151,19 @@
   gap: 0.4rem;
   flex-wrap: nowrap;
   pointer-events: auto;
+  min-width: 0;
+  flex: 1 1 auto;
+  overflow: hidden;
 }
 
 .panel-floating-actions--assignments {
   display: flex;
-  order: 1;
   flex-wrap: nowrap;
-  width: auto;
+  flex: 1 1 auto;
+  min-width: 0;
   white-space: nowrap;
-  justify-content: center;
+  justify-content: flex-start;
+  overflow: hidden;
 }
 
 .panel-floating-actions .quick-add {
@@ -195,23 +200,6 @@
     gap: 0.5rem;
   }
 
-  .panel-floating__label {
-    order: 0;
-    flex: 1 1 auto;
-    text-align: left;
-  }
-
-  .panel-floating__buttons {
-    order: 1;
-    flex: 0 0 auto;
-    justify-content: flex-end;
-  }
-
-  .panel-floating-actions--assignments {
-    order: 2;
-    width: 100%;
-    justify-content: center;
-  }
 
   .panel-floating-actions__button {
     font-size: 1.15rem;