Suleman Elahi's questions

Estou tentando criar um aplicativo de automação pessoal com alguns blocos de ação que adiciono usando um botão suspenso de ação. Aqui está este elemento:

<div class="row justify-center">
  <q-btn-dropdown v-model="menu" class="glossy" color="primary" label="++ Add Action">
    <q-card class="">
      <q-list bordered separator>
        <q-item clickable v-ripple>
          <q-item-section side>
            <q-icon color="primary" name="add_circle_outline" />
          </q-item-section>
          <q-item-section>
            <q-item-label class="q-ml-xs">Create a Contact</q-item-label>
          </q-item-section>
        </q-item>

        <q-item clickable v-ripple>
          <q-item-section side>
            <q-icon color="primary" name="update" />
          </q-item-section>
          <q-item-section>
            <q-item-label>Update Contact</q-item-label>
          </q-item-section>
        </q-item>

        <q-item clickable v-ripple>
          <q-item-section side>
            <q-icon color="primary" name="system_update_alt" />
          </q-item-section>
          <q-item-section>
            <q-item-label>Upsert Contact</q-item-label>
          </q-item-section>
        </q-item>
        <q-item clickable v-ripple>
          <q-item-section side>
            <q-icon color="primary" name="delete" />
          </q-item-section>
          <q-item-section>
            <q-item-label>Delete Contact</q-item-label>
          </q-item-section>
        </q-item>
      </q-list>
    </q-card>
  </q-btn-dropdown>
</div>

O problema é que não consigo adicionar um espaço entre o Botão de Ação e o Menu Suspenso. Tentei adicionar q-mb-sm a q-btn-dropdown e q-mt-sm a q-card, sem sucesso. Mesmo o CSS personalizado não está funcionando, sempre aparece assim:

Você pode me recomendar alguma ideia? Obrigado.