Vuetifyでv-btnを上下中央に配置する方法

Question

Vuetifyを使用しております。
検索欄とアイコンを1列に並べたいのですが、v-btnを上下中央に配置するにはどのようにしたらいいでしょうか？
vertical-align:middleやalign-centerなど色々試してみたのですがうまく行きませんでした。
お力をお貸しいただけると幸いです。

<v-layout row wrap>
  <v-flex xs12>
    <v-text-field
      class="ml-3"
      label="検索"
      v-model="keyword"
      single-line
      prepend-inner-icon="search"
      style="float: left; width: 80%;"
    ></v-text-field>
    <v-btn flat icon small @click="switchDetail()" style="float: right;">
      <v-icon small>details</v-icon>
    </v-btn>
  </v-flex>
</v-laytou>

Answer 1

使い方が間違っていたようです。
align-centerで解決しました。