Move Status Message button to upper toolbar

Author: g3force

frontend/src/App.vue

@@ -3,6 +3,7 @@ import {computed} from 'vue'
 import MatchStateToolbar from "@/components/MatchStateToolbar.vue";
 import ExternalConnectionStatus from "@/components/ExternalConnectionStatus.vue";
 import StoreUpdateCountStatus from "@/components/StoreUpdateCountStatus.vue";
+import StatusMessageButton from "@/components/match/StatusMessageButton.vue";
 import ManualControlView from "@/views/ManualControlView.vue";
 import ProtocolList from "@/components/protocol/ProtocolList.vue";
 import {useQuasar} from "quasar";
@@ -74,6 +75,7 @@ const dev = computed(() => {
         <q-toggle dense flat round class="q-mx-sm" @click="toggleShortcuts" :model-value="showShortcuts" color="black">
           Show Shortcuts
         </q-toggle>
+        <StatusMessageButton/>
         <q-btn dense flat round icon="menu" @click="toggleRightDrawer"/>
       </q-toolbar>
 

frontend/src/components/match/StatusMessageButton.vue

@@ -79,11 +79,9 @@ const onCustomStatusMessageSelected = () => {
 </script>
 
 <template>
-  <q-btn
-      label="Status Message"
-      color="primary"
-      @click="dialogOpen = true"
-  />
+  <q-btn flat @click="dialogOpen = true">
+    <q-icon name="message" color="black"/>
+  </q-btn>
   <q-dialog v-model="dialogOpen">
     <q-card class="q-px-sm q-pb-md">
       <q-card-section class="row items-center q-pb-none">

frontend/src/views/MatchView.vue

@@ -13,7 +13,6 @@ import SwitchSidesButton from "@/components/start/SwitchSidesButton.vue";
 import GameEvents from "@/components/match/GameEvents.vue";
 import {Command_Type} from "@/proto/ssl_gc_state";
 import CommandButton from "@/components/control/CommandButton.vue";
-import StatusMessageInput from "@/components/match/StatusMessageInput.vue";
 
 const store = useMatchStateStore()
 const gcStore = useGcStateStore()
@@ -82,12 +81,7 @@ onUnmounted(() => {
         </q-card>
       </q-expansion-item>
       <div class="row">
-        <div class="col">
-          <AutoContinueInput/>
-        </div>
-        <div class="col">
-          <StatusMessageInput/>
-        </div>
+        <AutoContinueInput/>
       </div>
       <div class="row justify-evenly">
         Press