From 72f4eae31cd8c432d3d234b2b29865dcc11da9a2 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 10 Jun 2021 11:24:42 +0100
Subject: [PATCH] Apply less aggressive global CSS rules to containers

---
 packages/standard-components/src/Container.svelte | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/standard-components/src/Container.svelte b/packages/standard-components/src/Container.svelte
index 223dcc7d38..64b48408e6 100644
--- a/packages/standard-components/src/Container.svelte
+++ b/packages/standard-components/src/Container.svelte
@@ -11,7 +11,7 @@
 
   let element
 
-  $: directionClass = direction ? `direction-${direction}` : ""
+  $: directionClass = direction ? `container direction-${direction}` : ""
   $: hAlignClass = hAlign ? `hAlign-${hAlign}` : ""
   $: vAlignClass = vAlign ? `vAlign-${vAlign}` : ""
   $: sizeClass = size ? `size-${size}` : ""
@@ -36,13 +36,11 @@
   .empty {
     border: 2px dashed rgba(0, 0, 0, 0.25);
   }
-  .direction-row,
-  .direction-column {
+  .container {
     display: flex;
     max-width: 100%;
   }
-  .direction-row :global(*),
-  .direction-column :global(*) {
+  .container :global([data-type="component"] > *) {
     max-width: 100%;
   }
   .direction-row {