fix FontSelector spinner's centering, size, force display:none for leftover animation, dialog min height

src/components/FontSelector.vue

@@ -1,8 +1,9 @@
 <template>
     <div>
-        <md-dialog :md-active.sync="visible">
+        <md-dialog id="font-dialog" :md-active.sync="visible">
-            <md-content v-if="fonts !== null">
+            <div v-if="fonts !== null">
-                <div style="margin: 0 1em">
+                <md-content>
+                    <div>
                         <md-field>
                             <label>Font Family</label>
                             <md-input v-model="search"></md-input>
@@ -14,16 +15,42 @@
                         </md-list-item>
                     </md-list>
                 </md-content>
-            <md-progress-spinner v-else md-mode="indeterminate"></md-progress-spinner>
+
                 <md-dialog-actions>
                     <md-button class="md-primary" @click="toggle">Close</md-button>
                     <md-button class="md-primary" @click="toggle">Save</md-button>
                 </md-dialog-actions>
+            </div>
+            <div v-else id="spinner-box" :style="[fonts !== null ? 'display: none' : null]">
+                <md-progress-spinner md-stroke=5 md-diameter=45 md-mode="indeterminate"></md-progress-spinner>
+            </div>
         </md-dialog>
     </div>
 </template>
 
 <style lang="scss">
+#font-dialog {
+    .md-content > div {
+        margin: 0 1em
+    }
+
+    #spinner-box {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
+    }
+}
+
+#font-dialog.md-dialog > .md-dialog-container {
+    min-height: 9em;
+}
+
+#font-dialog .md-progress-spinner {
+    align-content: center;
+}
+
 .md-menu-content {
     z-index: 11 !important;
 }
@@ -45,7 +72,6 @@ export default {
     methods: {
         toggle() {
             this.visible = !this.visible;
-
             // If showing font menu and fonts have not been fetched before
             if (this.visible && this.fonts === null)
                 this.getFonts();