hide main menu once start is clicked (mobile)

src/components/MenuElementaryCA.vue

@@ -1,6 +1,14 @@
 <template>
   <MenuRow row-title="Elementary Automaton">
     <form>
+      <div class="form-field">
+        <input
+          type="button"
+          name="start"
+          value="start"
+          @click="toggleDraw1d()"
+        />
+      </div>
       <div class="form-field">
         <label>
           Initial state presets
@@ -62,9 +70,6 @@
         </label>
       </div>
     </form>
-    <div class="form-field">
-      <input type="button" name="start" value="start" @click="toggleDraw1d()" />
-    </div>
   </MenuRow>
 </template>
 

src/components/MenuRow.vue

@@ -30,7 +30,7 @@
       window.removeEventListener("click", this.onWindowClick);
     },
     methods: {
-      ...mapActions(globalStore, ["setActiveSubMenu"]),
+      ...mapActions(globalStore, ["setActiveSubMenu", "toggleMainMenu"]),
       onKeyDown: function (event) {
         // escape
         if (event.keyCode == 27) {
@@ -47,6 +47,7 @@
         if (form != null) {
           if (!form.contains(event.target)) {
             this.setActiveSubMenu("");
+            this.setMainMenu(false);
           }
           return;
         }