Better column title wrapping with header popup button

[awdorrin]

Is your feature request related to a problem? Please describe.*
Enabling headerWordWrap when using a header Menu results in odd formatting (see image below) since the 'tabulator-header-popup-button' span is inside the 'tabulator-col-title' div.

Describe the solution you'd like
Instead of this:

<div class="tabulator-col-title-holder">
  <div class="tabulator-col-title">  <span class="tabulator-header-popup-button">⋮</span> Program Name</div>
  <div class="tabulator-col-sorter">    <div class="tabulator-arrow"></div></div>
</div>

Do this:

<div class="tabulator-col-title-holder">
  <div class="tabulator-header-popup-button">⋮</div>
  <div class="tabulator-col-title">   Program Name</div>
  <div class="tabulator-col-sorter">    <div class="tabulator-arrow"></div></div>
</div>

So that the wrapping of text would not go below the popup button

Describe alternatives you've considered
I considered CSS with a hanging indent, but can't seem to get the right width for the three vertical dots.

.tabulator-col-title-wrap {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

and then the sort icon wraps under the title text, rather than staying to the right-hand side.
(perhaps more CSS...)

Additional context