Hi Andrew,
Just add this css to the text attribute.
overflow-wrap: break-word;
I tested it in a template grid and it worked well.
No matter how small I made the screen, the text still wrapped.
To my knowledge you should change your SCSS to this, pay attention to the ampersand:
.form-group .control-label, .control-label {
font-weight: 600;
color: $text-dark;
&:after {
content: ', \0020';
}
}
However, this is quite a hacky solution. Are the values seperate fields (as your solution suggests)? In that case, why not give them 'display: block;' to give them each a new line?
If it's one value, there's unfortunately no way to break the word on commas. I suggest you alter your data before displaying it.
What about using a change activity in the microflow? Would that work? Not sure what the expression would look like.
edit - Figured it out. Thanks all for the help :)