@social-mail/social-mail-client 1.2.244 → 1.2.246

package/dist/web/AppIndex.pack.js

@@ -43854,41 +43854,31 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
       StylerSets.register("low", styled.css`
 
     display: flex;
-    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 5px;
+    align-content: center;
+    justify-content: space-between;
+    padding: 10px;
+    margin: 10px;
+    border-radius: 10px;
+    align-items: center;
+    justify-items: stretch;
     flex-wrap: wrap;
 
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-
+    & > * {
+        max-height: 30vh;
+        max-width: 30vw;
+        margin: 10px;
+        object-fit: contain;
+        margin: 20px;
+        box-shadow: 0 0 20px 1px black;
+        border: solid 1px white;
     }
+        
 `.expand("image-grid"));
       StylerSets.register("low", styled.css`
     & image-grid {
-        display: flex;
-        flex-wrap: wrap;
-        flex-direction: row;
-        gap: 10px;
-        & > * {
-            max-height: 30vh;
-            max-width: 30vw;
-            margin: 10px;
-            object-fit: contain;
-        }
+
         & > [data-element=add] {
             background-color: black;
             color: white;