Much better wrapping of block containers

src/lib/components/BlockContainer.svelte

@@ -54,6 +54,7 @@
          class:selected={$uiState.uiUnlocked && $layoutState.currentSelection.includes(container.id)}
          class:root-container={zIndex === 0}
          class:is-executing={container.isNodeExecuting}
+         class:mobile={isMobile}
          class:edit={edit}>
         <Block>
             {#if container.attrs.title && container.attrs.title !== ""}
@@ -105,6 +106,8 @@
      width: 100%;
      overflow: visible;
      display: flex;
+     flex: 1 1 0%;
+     flex-wrap: wrap;
 
      .edit {
          min-width: 200px;
@@ -194,12 +197,6 @@
          > :global(.block > .v-pane) {
              flex-direction: row;
          }
-
-         > :global(*), > :global(.form > *) {
-             flex: 1 1 0%;
-             flex-wrap: wrap;
-             min-width: min(160px, 100%);
-         }
      }
 
      &.vertical {
@@ -208,10 +205,6 @@
          > :global(.block > .v-pane) {
              flex-direction: column;
          }
-
-         > :global(*), > :global(.form > *), .v-pane {
-             width: var(--size-full);
-         }
      }
  }
 
@@ -238,7 +231,6 @@
  .animation-wrapper {
      position: relative;
      flex-grow: 100;
-     flex-basis: 0;
  }
 
  .handle-hidden {