<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif;">
<div>Just noticed , looking at the ticket details that the solution table is in a strange place.</div>
<div><br>
</div>
<div>It uses </div>
<div><span class="selector" style="font-family: Menlo, monospace; font-size: 11px; box-sizing: border-box; color: rgb(136, 136, 136);"><span class="simple-selector selector-matches" style="box-sizing: border-box; color: rgb(34, 34, 34);"><br>
</span></span></div>
<div><span class="selector" style="font-family: Menlo, monospace; font-size: 11px; box-sizing: border-box; color: rgb(136, 136, 136);"><span class="simple-selector selector-matches" style="box-sizing: border-box; color: rgb(34, 34, 34);">.equalSplit td:nth-child(odd)</span></span><span style="color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; box-sizing: border-box;"> {</span></div>
<ol class="properties monospace" style="box-sizing: border-box; font-family: Menlo, monospace; font-size: 11px; margin: 0px; padding: 2px 4px 0px 0px; list-style: none; clear: both; color: rgb(48, 57, 66); white-space: nowrap;">
<li title="" class="parent" style="box-sizing: border-box; margin-left: 0px !important; padding-left: 38px; white-space: normal; text-overflow: ellipsis; overflow: hidden; cursor: auto;">
<input class="enabled-button" type="checkbox" style="font-family: inherit; font-size: 10px; height: 12px; width: 18px; margin: 0px; visibility: visible; float: left; vertical-align: top; position: relative; z-index: 1; left: -40px; top: 1px;"><span class="webkit-css-property" title="width: 20%;" style="box-sizing: border-box; color: rgb(200, 0, 0); margin-left: -38px;">width</span>: <span class="expand-element" style="box-sizing: border-box; -webkit-user-select: none; margin-right: 2px; margin-left: -6px; opacity: 0.55; width: 8px; height: 10px; display: inline-block; background-image: url(chrome-devtools://devtools/bundled/Images/statusbarButtonGlyphs.png); background-size: 320px 144px; background-position: -4px -96px;"></span><span class="value" style="box-sizing: border-box;">20%</span>;</li></ol>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
}</div>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
<br>
</div>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
Which needs to be 8% to match the table description above it. </div>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
Now it takes halve the screen for a little title with this setting</div>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
<br>
</div>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
Bastiaan Houtkooper</div>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
Zebra Hosting</div>
<div class="styles-panel-hovered" style="box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;">
<br>
</div>
</body>
</html>