title: vuetify center items into v-flex
body: <p>I'm trying to center a <code>&lt;v-btn&gt;</code> into a <code>&lt;v-flex&gt;</code>. Since <code>&lt;v-flex&gt;</code> is a flexbox div, I use <code>justify-center</code> that is transformed into </p>
  
  <pre><code>justify-content: center
  </code></pre>
  
  <p>Since my direction is horizontal, my button should be center aligned but it's not. Here is the codepen that reproduce my problem.</p>
  
  <p><a href="https://codepen.io/anon/pen/ZXLzex" rel="noreferrer">https://codepen.io/anon/pen/ZXLzex</a></p>
  
  <p>I want to signup the button to be centered inside the div (v-flex).</p>
  
  <p>Here is the full code:</p>
  
  <pre><code> &lt;v-card&gt;
      &lt;v-card-text &gt;
            &lt;v-text-field label="Email"&gt;&lt;/v-text-field&gt;
            &lt;v-text-field label="Password"&gt;&lt;/v-text-field&gt;
      &lt;/v-card-text&gt;
  
      &lt;v-card-actions&gt;
          &lt;v-layout row&gt;
            &lt;v-flex justify-center&gt;
              &lt;v-btn primary&gt;
                Signup
              &lt;/v-btn&gt;
            &lt;/v-flex&gt;
          &lt;/v-layout&gt;
      &lt;/v-card-actions&gt;
    &lt;/v-card&gt;
  </code></pre>