title: Vuetify: align the head of an expansion panel to the right
body: <p>I want to use the Vuetify expansion panel and align part of the content inside the <code>&lt;div slote="head"&gt;&lt;/div&gt;</code> to the right in order to get this:</p>
  
  <p><a href="https://imgur.com/wraVVsR" rel="nofollow noreferrer">https://imgur.com/wraVVsR</a></p>
  
  <p><a href="https://imgur.com/flrvUw6" rel="nofollow noreferrer">https://imgur.com/flrvUw6</a></p>
  
  <p>but i get this instead:</p>
  
  <p><a href="https://imgur.com/BukqnBC" rel="nofollow noreferrer">https://imgur.com/BukqnBC</a></p>
  
  <p><a href="https://imgur.com/NLgdKWa" rel="nofollow noreferrer">https://imgur.com/NLgdKWa</a></p>
  
  <p>I tried</p>
  
  <pre class="lang-css prettyprint-override"><code>float:right , text-align:right
  </code></pre>
  
  <p>even negative margins without success.</p>