diff --git a/package-lock.json b/package-lock.json
index e4688ba..7ba683e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6460,9 +6460,9 @@
       }
     },
     "interpret": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.2.0.tgz",
-      "integrity": "sha512-mT34yGKMNceBQUoVn7iCDKDntA7SC6gycMAWzGx1z/CMCTV7b2AAtXlo3nRyHZ1FelRkQbQjprHSYGwzLtkVbw==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
+      "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
       "dev": true
     },
     "invariant": {
@@ -7761,6 +7761,29 @@
         "boolbase": "~1.0.0"
       }
     },
+    "null-loader": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/null-loader/-/null-loader-3.0.0.tgz",
+      "integrity": "sha512-hf5sNLl8xdRho4UPBOOeoIwT3WhjYcMUQm0zj44EhD6UscMAz72o2udpoDFBgykucdEDGIcd6SXbc/G6zssbzw==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.2.3",
+        "schema-utils": "^1.0.0"
+      },
+      "dependencies": {
+        "schema-utils": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-errors": "^1.0.0",
+            "ajv-keywords": "^3.1.0"
+          }
+        }
+      }
+    },
     "num2fraction": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
@@ -9609,9 +9632,9 @@
       "dev": true
     },
     "sass": {
-      "version": "1.26.5",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.5.tgz",
-      "integrity": "sha512-FG2swzaZUiX53YzZSjSakzvGtlds0lcbF+URuU9mxOv7WBh7NhXEVDa4kPKN4hN6fC2TkOTOKqiqp6d53N9X5Q==",
+      "version": "1.27.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.27.0.tgz",
+      "integrity": "sha512-0gcrER56OkzotK/GGwgg4fPrKuiFlPNitO7eUJ18Bs+/NBlofJfMxmxqpqJxjae9vu0Wq8TZzrSyxZal00WDig==",
       "dev": true,
       "requires": {
         "chokidar": ">=2.0.0 <4.0.0"
@@ -9883,9 +9906,9 @@
       "dev": true
     },
     "shelljs": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.3.tgz",
-      "integrity": "sha512-fc0BKlAWiLpwZljmOvAOTE/gXawtCoNrP5oaY7KIaQbbyHeQVg01pSEuEGvGh3HEdBU4baCD7wQBwADmM/7f7A==",
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.4.tgz",
+      "integrity": "sha512-7gk3UZ9kOfPLIAbslLzyWeGiEqx9e3rxwZM0KE6EL8GlGwjym9Mrlx5/p33bWTu9YG6vcS4MBxYZDHYr5lr8BQ==",
       "dev": true,
       "requires": {
         "glob": "^7.0.0",
@@ -11188,24 +11211,25 @@
       "dev": true
     },
     "vue": {
-      "version": "2.6.11",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.11.tgz",
-      "integrity": "sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ=="
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
+      "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
     },
     "vue-cli-plugin-vuetify": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/vue-cli-plugin-vuetify/-/vue-cli-plugin-vuetify-2.0.5.tgz",
-      "integrity": "sha512-jtxcidjLT5f1H9QLYKLFjo/ZG42ud4pI9bK3WNO5DXyhiMDMTwSZ7b3NcJVRH7tKYbv5/ty0VPdDGlf4w22AMA==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/vue-cli-plugin-vuetify/-/vue-cli-plugin-vuetify-2.0.7.tgz",
+      "integrity": "sha512-4riK5bzyvkZ4CxpQk/Vl6z8n8tmJUhuxh+k8xc/MZRdCt9RxAm3G4SxcEweroqKGXg+CRRfhqysaEQVtd4D40Q==",
       "dev": true,
       "requires": {
+        "null-loader": "^3.0.0",
         "semver": "^7.1.2",
         "shelljs": "^0.8.3"
       },
       "dependencies": {
         "semver": {
-          "version": "7.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.0.tgz",
-          "integrity": "sha512-uyvgU/igkrMgNHwLgXvlpD9jEADbJhB0+JXSywoO47JgJ6c16iau9F9cjtc/E5o0PoqRYTiTIAPRKaYe84z6eQ==",
+          "version": "7.3.2",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
+          "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
           "dev": true
         }
       }
@@ -11282,9 +11306,9 @@
       }
     },
     "vue-template-compiler": {
-      "version": "2.6.11",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.11.tgz",
-      "integrity": "sha512-KIq15bvQDrcCjpGjrAhx4mUlyyHfdmTaoNfeoATHLAiWB+MU3cx4lOzMwrnUh9cCxy0Lt1T11hAFY6TQgroUAA==",
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.12.tgz",
+      "integrity": "sha512-OzzZ52zS41YUbkCBfdXShQTe69j1gQDZ9HIX8miuC9C3rBCk9wIRjLiZZLrmX9V+Ftq/YEyv1JaVr5Y/hNtByg==",
       "dev": true,
       "requires": {
         "de-indent": "^1.0.2",
@@ -11298,14 +11322,14 @@
       "dev": true
     },
     "vuetify": {
-      "version": "2.2.29",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.2.29.tgz",
-      "integrity": "sha512-UI1i8kEdV+s7tNQe2yJJMPlvxGTE8cZfUAXEGV2yO4owHmeybn6p5YzFpJqimoKkfX6ok+zV29+6yIKfkyUDAA=="
+      "version": "2.3.15",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-2.3.15.tgz",
+      "integrity": "sha512-YVJN/ld60S2mmFCKxoVFkB8X2kmuLT0E28ql4kr8HQUeCYdK8axoca/N8ZIP1hFH4NIz392f0nVpZKS4ZFZBVA=="
     },
     "vuetify-loader": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/vuetify-loader/-/vuetify-loader-1.4.4.tgz",
-      "integrity": "sha512-ryEtVZ/t+zvTM9UscEX5mWsbTOH5HGWITxlysYkkXtcgzgV21t7rRLHBhReH8oMBYddAij4AOosimhcfKnxFHQ==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/vuetify-loader/-/vuetify-loader-1.6.0.tgz",
+      "integrity": "sha512-1bx3YeZ712dT1+QMX+XSFlP0O5k5O5Ui9ysBBmUZ9bWkAEHWZJQI9soI+qG5qmeFxUC0L9QYMCIKP0hOL/pf3Q==",
       "dev": true,
       "requires": {
         "file-loader": "^4.0.0",
diff --git a/package.json b/package.json
index 74379c2..d6c4354 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,8 @@
   "dependencies": {
     "core-js": "^3.6.4",
     "font-picker-vue": "^1.0.3",
-    "vue": "^2.6.11",
-    "vuetify": "^2.2.29"
+    "vue": "^2.6.12",
+    "vuetify": "^2.3.15"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.3.0",
@@ -22,11 +22,11 @@
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
-    "sass": "^1.26.5",
+    "sass": "^1.27.0",
     "sass-loader": "^8.0.0",
-    "vue-cli-plugin-vuetify": "~2.0.5",
-    "vue-template-compiler": "^2.6.11",
-    "vuetify-loader": "^1.4.4"
+    "vue-cli-plugin-vuetify": "^2.0.7",
+    "vue-template-compiler": "^2.6.12",
+    "vuetify-loader": "^1.6.0"
   },
   "eslintConfig": {
     "root": true,
diff --git a/src/App.vue b/src/App.vue
index 888f7ce..3816df9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,10 @@
 <template>
   <v-app>
     <v-content>
-      <v-container>
+      <v-container width="100%">
         <div
           id="gamediv"
-          style="width: 640px; height: 480px; display: block; position: relative"
+          style="width: 640px; height: 480px; display: block; position: relative; margin-left: auto; margin-right: auto;"
           class="apply-font"
         >
           <div style="width: 640px; height: 480px; position: absolute; overflow: hidden;">
@@ -76,37 +76,22 @@
             </v-card-text>
           </v-card>
         </div>
-
-        <v-card>
-          <v-card-text>
-            <v-row>
-              <v-col cols="auto">
+        <v-row dense>
+              <v-col :cols="10">
                 <v-btn x-small dense @click="reset">Reset</v-btn>
-              </v-col>
-              <v-col cols="auto" v-if="currentLevel>0">
-                <v-btn x-small @click="previouslevel">Previous Level</v-btn>
-              </v-col>
-              <v-col cols="auto">
+                <v-btn v-if="currentLevel>0" x-small @click="previouslevel">Previous Level</v-btn>
                 <v-btn x-small dense @click="previoustask">Previous Task</v-btn>
-              </v-col>
-              <v-col cols="auto">
                 <v-btn x-small dense @click="scramble">Shuffle</v-btn>
-              </v-col>
-              <v-col cols="auto">
-                <v-btn x-small dense @click="nexttask">Next Task</v-btn>
-              </v-col>
-              <v-col cols="auto" v-if="currentLevel<(slides.length -1)">
-                <v-btn x-small @click="nextlevel">Next Level</v-btn>
-              </v-col>
-              <v-col cols="auto">
-                <v-checkbox v-model="autonext" label="Next task after complete"></v-checkbox>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col cols="1">
+              <v-btn x-small dense @click="nexttask">Next Task</v-btn>
+                <v-btn v-if="currentLevel<(slides.length -1)" x-small @click="nextlevel">Next Level</v-btn>
+              </v-col><v-col :cols="2">
+                <v-checkbox x-dense v-model="autonext" label="Auto-next task"></v-checkbox>
+                  </v-col>
+        </v-row>
+        <v-row dense>
+          <v-col :cols="2">
                 <v-text-field dense v-model="name" label="Player Name" placeholder="Player Name"></v-text-field>
-              </v-col>
-              <v-col cols="1">
+                </v-col><v-col :cols="2">
                 <v-text-field
                   style="text-shadow: 0"
                   dense
@@ -114,58 +99,54 @@
                   label="High Score name"
                   placeholder="High Score Name"
                 ></v-text-field>
-              </v-col>
-              <v-col cols="1">
+            </v-col><v-col :cols="2">
                 <v-text-field dense v-model="highscore" label="High Score" placeholder="High Score"></v-text-field>
-              </v-col>
-              <v-col cols="1">
+                </v-col><v-col :cols="2">
                 <v-text-field
                   dense
                   v-model="bonuspoints"
                   label="Bonus Points"
-                  placeholder="Bonus Points"
-                ></v-text-field>
-              </v-col>
-              <v-col cols="1">
+                  placeholder="Bonus Points" />
+                  </v-col><v-col :cols="2">
                 <v-btn @click="givebonuspoints">Give bonus</v-btn>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col cols="auto">
-                <v-select
+                </v-col>
+        </v-row>
+        <v-row dense>
+          <v-col :cols="2">
+                <v-select dense
                   v-model="levelselect"
                   :items="slides"
                   item-text="title"
                   item-value="index"
                   label="Select level"
                 ></v-select>
-                <v-btn @click="leveljump">Jump To Level</v-btn>
-              </v-col>
-              <v-col cols="auto">
+              </v-col><v-col :cols="1">
+                <v-btn dense x-small @click="leveljump">Jump</v-btn>
+                </v-col><v-col :cols="2">
                 <v-select
                   v-model="overlayselect"
                   :items="overlayimages"
+                  dense
                   item-text="name"
                   item-value="file"
                   label="Select cutscene"
                 ></v-select>
-                <v-btn @click="startoverlay">Start Cutscene</v-btn>
-              </v-col>
-              <v-col cols="auto">
-                <v-select v-model="timer" label="Countdown time" :items="countdownitems"></v-select>
-                <v-btn @click="starttimer">Start Timer</v-btn>
-              </v-col>
-              <v-col cols="1">
-                <font-picker
+</v-col><v-col :cols="1">
+                <v-btn @click="startoverlay" x-small>Cut</v-btn>
+                </v-col>
+                <v-col :cols="1">
+                <v-select dense v-model="timer" label="Countdown time" :items="countdownitems"></v-select>
+                </v-col><v-col :cols="1">
+                <v-btn x-small @click="starttimer">Start</v-btn>
+                </v-col><v-col :cols="2">
+                <font-picker dense
                   :api-key="'AIzaSyCAW_4WvUsVuikytJw_yvJKxHKRHrCsBAs'"
                   :options="options"
                   :active-font="fontFamily"
                   @change="fontChanged"
                 ></font-picker>
-              </v-col>
-            </v-row>
-          </v-card-text>
-        </v-card>
+                </v-col>
+        </v-row>
       </v-container>
     </v-content>
   </v-app>