[refactoring] Improve UI scaling a bit

Author: g3force

internal/app/controller/engine.go

@@ -300,9 +300,9 @@ func (e *Engine) LogModify(m EventModifyValue) {
 		Timestamp:   e.TimeProvider().UnixNano(),
 		StageTime:   e.State.StageTimeElapsed,
 		Type:        RefereeEventModify,
-		Name:        "modify",
+		Name:        m.Type(),
 		Team:        team,
-		Description: m.String(),
+		Description: m.Value(),
 	}
 	e.RefereeEvents = append(e.RefereeEvents, refereeEvent)
 }

internal/app/controller/events.go

@@ -3,6 +3,8 @@ package controller
 import (
 	"encoding/json"
 	"fmt"
+	"log"
+	"reflect"
 	"time"
 )
 
@@ -122,6 +124,31 @@ func (m EventModifyValue) String() string {
 	return string(b)
 }
 
+func (m EventModifyValue) Type() string {
+	v := reflect.ValueOf(m)
+	for i := 0; i < v.NumField(); i++ {
+		fieldName := v.Type().Field(i).Name
+		log.Print(fieldName, " ", v.Field(i))
+		if fieldName != "ForTeam" && !v.Field(i).IsNil() {
+			return fieldName
+		}
+	}
+	return "unknown"
+}
+
+func (m EventModifyValue) Value() string {
+	v := reflect.ValueOf(m)
+	for i := 0; i < v.NumField(); i++ {
+		fieldName := v.Type().Field(i).Name
+		log.Print(fieldName, " ", v.Field(i))
+		if fieldName != "ForTeam" && !v.Field(i).IsNil() {
+			b, _ := json.Marshal(v.Field(i).Interface())
+			return string(b)
+		}
+	}
+	return "unknown"
+}
+
 // EventTrigger is an event that can be applied
 type EventTrigger struct {
 	Type TriggerType `json:"triggerType"`

src/App.vue

@@ -100,7 +100,7 @@
     #app-header {
         display: flex;
         flex-direction: row;
-        flex-wrap: wrap-reverse;
+        flex-wrap: wrap;
         justify-content: space-between;
         align-items: baseline;
         align-content: flex-start;
@@ -135,6 +135,12 @@
         flex-grow: 1;
     }
 
+    @media only screen and (max-width: 1600px) {
+        .main-middle-container {
+            order: 10;
+        }
+    }
+
     @-moz-document url-prefix() {
         /* CSS-Hack for limiting following style to Firefox only */
         .main-middle-container {

src/components/control/ControlGeneral.vue

@@ -1,5 +1,5 @@
 <template>
-    <span class="control-general">
+    <div class="control-general">
         <span v-b-tooltip.hover
               :title="'Immediately stop all robots (' + Object.keys(keymapHalt)[0] + ')'">
             <b-button v-hotkey="keymapHalt"
@@ -59,7 +59,7 @@
                 Manual
             </label>
         </div>
-    </span>
+    </div>
 </template>
 
 <script>