title: Avoid overlapping of a button while expanding navigation drawer in vuetify?
body: <p>Needed some help with figuring out the navigation drawer in vuetify. The codepen for the following is below. So basically there is a toolbar inside the navigation drawer and when i click on the button it should not hide underneath when the navigation drawer expands.</p>
  
  <p><a href="https://codepen.io/anon/pen/qwbNZv" rel="nofollow noreferrer">https://codepen.io/anon/pen/qwbNZv</a></p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;v-btn @click="drawer = !drawer"&gt;Click Me&lt;/v-btn&gt;
    &lt;v-navigation-drawer app v-model="drawer" class="primary"&gt;
   &lt;v-toolbar app flat&gt;
    &lt;v-toolbar-side-icon @click="drawer=!drawer"&gt;&lt;/v-toolbar-side-icon&gt;
     &lt;v-toolbar-title class="text-uppercase grey--text"&gt;
    &lt;span class="font-weight-light"&gt;Todo&lt;/span&gt;
     &lt;span&gt; Something&lt;/span&gt;
   &lt;/v-toolbar-title&gt;
  &lt;/v-toolbar&gt;
   &lt;v-layout column align-center&gt;
   &lt;v-flex class="mt-3"&gt;
   &lt;v-avatar size="150" class="center"&gt;
   &lt;img src="https://randomuser.me/api/portraits/men/1.jpg"&gt;
   &lt;/v-avatar&gt;
  &lt;p class="white--text subheading mt-2 text-xs-center"&gt;Double A&lt;/p&gt;
       &lt;/v-flex&gt;
        &lt;/v-layout&gt;
   &lt;v-list&gt;
    &lt;v-list-tile v-for="link in links" :key="link.text" router 
   :to="link.route"&gt; 
    &lt;v-list-tile-content&gt;
  &lt;v-list-tile-title class="white--text"&gt;{{link.text}}&lt;/v-list-tile-title&gt;
    &lt;/v-list-tile-content&gt;
  &lt;/v-list-tile&gt;
  &lt;/v-list&gt;
  &lt;/v-navigation-drawer&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my script file in this:-</p>
  
  <pre><code>new Vue ({
    el : '#app',
    data () {
  return {
    drawer: false,
    links:[
              {text:"Dashboard", route:"/"},
              {text:"My Projects", route:"/projects"},
              {text:"Team", route:"/team"}
          ],
      }
     }
   })
  </code></pre>