Add a Disable button in the MKB dialog

src/assets/css/button.styl

@@ -74,7 +74,7 @@
         height: var(--bx-button-height);
         line-height: var(--bx-button-height);
         vertical-align: middle;
-        vertical-align: -webkit-baseline-middle;
+        /* vertical-align: -webkit-baseline-middle; */
         color: #fff;
         overflow: hidden;
         white-space: nowrap;

src/assets/css/mkb.styl

@@ -16,7 +16,6 @@
 }
 
 .bx-mkb-pointer-lock-msg {
-    display: flex;
     cursor: pointer;
     user-select: none;
     -webkit-user-select: none;
@@ -41,16 +40,7 @@
         background: #151515;
     }
 
-    button {
-        margin-right: 12px;
-        height: 60px;
-    }
-
-    svg {
-        width: 32px;
-    }
-
-    div {
+    > div:first-of-type {
         display: flex;
         flex-direction: column;
         text-align: left;
@@ -69,6 +59,26 @@
             font-style: italic;
         }
     }
+
+    > div:last-of-type {
+        display: flex;
+        flex-flow: row;
+        margin-top: 10px;
+
+        button {
+            flex: 1;
+
+            &:first-of-type {
+                margin-right: 5px;
+            }
+
+            &:last-of-type {
+                margin-left: 5px;
+            }
+        }
+
+        button
+    }
 }
 
 .bx-mkb-preset-tools {