Dialogs and Vuetify styling changes

src/components/CreatePollDialog.vue

@@ -1,7 +1,6 @@
 <template>
  <v-dialog
     v-model="showDialog"
-    v-show="room"
     scrollable
     class="ma-0 pa-0"
     :width="$vuetify.display.smAndUp ? '940px' : '95%'"
@@ -101,34 +100,18 @@
  </v-dialog>
 </template>
 <script>
-import roomInfoMixin from "./roomInfoMixin";
 import util from "../plugins/utils";
 import InputControl from "./InputControl.vue";
+import RoomDialogBase from "./RoomDialogBase.vue";
 
 export default {
   name: "CreatePollDialog",
-  mixins: [roomInfoMixin],
-  props: {
-    show: {
-      type: Boolean,
-      default: function() {
-        return false;
-      },
-    },
-  },
+  extends: RoomDialogBase,
   data() {
     return this.defaultData();
   },
-  watch: {
-    show: {
-      handler(newVal, ignoredOldVal) {
-        this.showDialog = newVal;
-      },
-    },
-    showDialog() {
-      if (!this.showDialog) {
-        this.$emit("close");
-      } else {
+  methods: {
+    onOpenDialog() {  
         // Reset values
         let defaults = this.defaultData();
         this.isValid = defaults.isValid;
@@ -142,13 +125,9 @@ export default {
         if (this.$refs.pollcreateform) {
           this.$refs.pollcreateform.resetValidation();
         }
-      }
     },
-  },
-  methods: {
     defaultData() {
       return {
-        showDialog: false,
         isValid: true,
         isCreating: false,
         status: String.fromCharCode(160),