Span post-content-message style across the whole available space, to ensure that it is not a tiny little bubble
@@ -47,7 +47,6 @@ won-connection-message {
@include square-image($postIconSize, 0 0.5rem 0 0);
display: grid;
grid-template-areas: "icon content";
- grid-template-columns: min-content minmax(min-content, max-content);
won-square-image {
grid-area: icon;
@@ -188,3 +187,11 @@ won-connection-message {
}
}
}
+
+won-post-content-message {
+ grid-template-columns: min-content 1fr;
+}
+
+won-connection-message {
+ grid-template-columns: min-content minmax(min-content, max-content);
+}
