title: Vuetify nagviation drawer main text displays on bottom instead of the right side
body: <p>I am new on Vue and Vuetify framework.
  and I directly copy these code from Vuetify. <a href="https://vuetifyjs.com/en/components/navigation-drawers" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/navigation-drawers</a></p>
  
  <p>Here is the code.
  <a href="https://codepen.io/kellymei/pen/NBzBEG" rel="nofollow noreferrer">https://codepen.io/kellymei/pen/NBzBEG</a></p>
  
  <p><a href="https://i.stack.imgur.com/xE6ay.png" rel="nofollow noreferrer">Output of the code below</a></p>
  
  <p>then Vuetify nagviation drawer main text (hi) displays on bottom instead of the right side
  I want it to be in the right side of the nagviation drawer.
  Please help thanks so much!!!!!!</p>
  
  <pre><code>&lt;div id="app"&gt;
   &lt;v-app id="inspire"&gt;
    &lt;v-navigation-drawer
      stateless
      value="true"
    &gt;
    &lt;v-list&gt;
      &lt;v-list-tile&gt;
        &lt;v-list-tile-action&gt;
          &lt;v-icon&gt;home&lt;/v-icon&gt;
        &lt;/v-list-tile-action&gt;
        &lt;v-list-tile-title&gt;Home&lt;/v-list-tile-title&gt;
      &lt;/v-list-tile&gt;
  
      &lt;v-list-group
        prepend-icon="account_circle"
        value="true"
      &gt;
        &lt;v-list-tile slot="activator"&gt;
          &lt;v-list-tile-title&gt;Users&lt;/v-list-tile-title&gt;
        &lt;/v-list-tile&gt;
  
        &lt;v-list-group
          no-action
          sub-group
          value="true"
        &gt;
          &lt;v-list-tile slot="activator"&gt;
            &lt;v-list-tile-title&gt;Admin&lt;/v-list-tile-title&gt;
          &lt;/v-list-tile&gt;
  
          &lt;v-list-tile
            v-for="(admin, i) in admins"
            :key="i"
            @click=""
          &gt;
            &lt;v-list-tile-title v-text="admin[0]"&gt;&lt;/v-list-tile-title&gt;
            &lt;v-list-tile-action&gt;
              &lt;v-icon v-text="admin[1]"&gt;&lt;/v-icon&gt;
            &lt;/v-list-tile-action&gt;
          &lt;/v-list-tile&gt;
        &lt;/v-list-group&gt;
  
        &lt;v-list-group
          sub-group
          no-action
        &gt;
          &lt;v-list-tile slot="activator"&gt;
            &lt;v-list-tile-title&gt;Actions&lt;/v-list-tile-title&gt;
          &lt;/v-list-tile&gt;
  
          &lt;v-list-tile
            v-for="(crud, i) in cruds"
            :key="i"
            @click=""
          &gt;
            &lt;v-list-tile-title v-text="crud[0]"&gt;&lt;/v-list-tile-title&gt;
            &lt;v-list-tile-action&gt;
              &lt;v-icon v-text="crud[1]"&gt;&lt;/v-icon&gt;
            &lt;/v-list-tile-action&gt;
          &lt;/v-list-tile&gt;
        &lt;/v-list-group&gt;
      &lt;/v-list-group&gt;
    &lt;/v-list&gt;
   &lt;/v-navigation-drawer&gt;
  &lt;/v-app&gt;
  </code></pre>
  
  <p></p>
  
  <p>I want to insert some text on the right side of the nagviation drawer.
  then I wrote </p>
  
  <pre><code>&lt;main&gt;
   &lt;p&gt;Hi&lt;/p&gt;
  &lt;/main&gt;
  </code></pre>
  
  <p>After /v-navigation-drawer.</p>
  
  <p>Before /v-app</p>