title: How to keep toggle icon on far right while using buttons in panel, PrimeNg
body: <p><a href="https://stackblitz.com/edit/angular6-primeng-wgqsvt" rel="nofollow noreferrer">StackBlitz</a></p>
  <p>I am using a toggleable panel with PrimeNg, and I am looking to place a button, right justified, but to the left of the toggle icon. So far, I have the following in my html:</p>
  <pre><code>&lt;p-panel
    header=&quot;Testing Toggle&quot;
    [style]=&quot;{ width: '100%' }&quot;
    [collapsed]=&quot;collapsed&quot;
    [toggleable]=&quot;true&quot;&gt;
  &lt;p-header&gt;
    &lt;button
      pButton
      label=&quot;Clear&quot;
      icon=&quot;pi pi-refresh&quot;
      class=&quot;ui-button-warning&quot;
      style=&quot;float: right; margin-right: 5px;&quot;&gt;
    &lt;/button&gt;
  &lt;/p-header&gt;
    Lorem ipsum dolor sit amet consectetur adipisicing elit. 
    Itaque nisi iste praesentium, voluptatibus nam facere omnis
    deleniti natus pariatur sed officiis minus illum harum ad beatae alias. 
    Consequuntur, debitis atque.
  &lt;/p-panel&gt;
  </code></pre>
  <p>As expected, using the <code>float: right</code> on the button, the button goes all the way to the right in the header, forcing the toggle icon to the left:</p>
  <p><a href="https://i.stack.imgur.com/O1hmY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O1hmY.png" alt="enter image description here" /></a></p>
  <p>Is there a way to use this button or the <code>ui-panel-titlebar-toggler</code> class to keep the toggle icon on the far right, and have the buttons to the left of it?</p>
  <p>I have also tried using the <code>.ui-panel-titlebar-toggler</code> with a <code>float: right</code> property, hoping it would push all the way over, but this did not change anything.</p>