title: Wrapping buttons one below the other if text content width exceeds available width
body: <p>I am currently searching for a solution to do the following:</p>
  
  <p>Normally I have to buttons next to each other with equal width and a bit of spacing. </p>
  
  <pre><code>---------------------------    ---------------------------
  | a bit of text           |    | also a bit of text      |
  ---------------------------    ---------------------------
  </code></pre>
  
  <p>But if the text of one of the buttons is too long to be displayed in the available width</p>
  
  <pre><code>---------------------------    ---------------------------
  | too much text for this width | also a bit of text      |
  ---------------------------    ---------------------------
  </code></pre>
  
  <p>I would like to automatically let them wrap one below the other and have them the full available width</p>
  
  <pre><code>----------------------------------------------------------
  | too much text for this width                           |
  ----------------------------------------------------------
  ----------------------------------------------------------
  | also a bit of text                                     |
  ----------------------------------------------------------
  </code></pre>
  
  <p>I played around a bit width different combinations of constraints and content compression resistance, but it never worked like I wanted it to.</p>
  
  <p>Does anybody have an idea or a solution for that? I appreciate any help!</p>