Long variable value breaks Variable Preview layout

[flin-8]

The bug

When a variable value is very long, it expands the size of the columns, pushing the variable values to the right.

What I expected to happen

The value should be truncated like in the variable editor

Steps to reproduce

1. Go to project variables
2. Add a variable with a really long value
3. Go to variable preview

Affected versions

Octopus Server: 2019.3 - 2019.7

Links

https://help.octopus.com/t/2019-6-3-variable-preview-view-is-broken/23526/2 https://secure.helpscout.net/conversation/1289967798/70904?folderId=3252735 (private link)