Use new button variants

src/components/CreatePollDialog.vue

@@ -1,5 +1,5 @@
 <template>
- <v-dialog
+  <RoundedDialog
     v-model="showDialog"
     scrollable
     class="ma-0 pa-0"
@@ -9,7 +9,7 @@
     <v-card-title>
       <v-container fluid>
         <div class="room-name no-upper">{{ $t("poll_create.title") }}</div>
-        <v-btn id="btn-close" text class="header-button-right" @click.stop="showDialog = false">
+        <v-btn id="btn-close" icon class="header-button-right" @click.stop="showDialog = false">
           <v-icon>close</v-icon>
         </v-btn>
       </v-container>
@@ -51,7 +51,7 @@
                   :class="{ deletable: pollAnswers.length > 1 }"
                   ref="answerInput"
                 >
-                  <v-btn v-if="pollAnswers.length > 1" icon @click="removeAnswer(index)"><v-icon>delete</v-icon></v-btn>
+                  <v-btn v-if="pollAnswers.length > 1" color="transparent" icon="delete" @click="removeAnswer(index)"></v-btn>
                 </InputControl>
               </v-col>
             </v-row>
@@ -67,7 +67,7 @@
               <v-col cols="auto">
                 <v-btn
                   id="btn-create-poll"
-                  depressed
+                  variant="flat"
                   block
                   class="filled-button publish-button"
                   @click.stop="onCreatePoll()"
@@ -97,12 +97,13 @@
       </v-container>
     </v-card-actions>
   </v-card>
- </v-dialog>
+  </RoundedDialog>
 </template>
 <script>
 import util from "../plugins/utils";
 import InputControl from "./InputControl.vue";
 import RoomDialogBase from "./RoomDialogBase.vue";
+import RoundedDialog from "./RoundedDialog.vue";
 
 export default {
   name: "CreatePollDialog",
@@ -192,7 +193,7 @@ export default {
       return this.pollQuestion && this.pollAnswers.length > 0 && this.pollAnswers.every(a => a.text);
     }
   },
-  components: { InputControl },
+  components: { InputControl, RoundedDialog },
 };
 </script>