Show fail ball placement at emergency buttons place

Author: g3force

frontend/src/components/RequestButton.vue

@@ -38,4 +38,7 @@ const blue = computed(() => props.canRequest && props.requested)
 </template>
 
 <style scoped>
+.button {
+  margin: 0.5rem;
+}
 </style>

frontend/src/views/ControlButtons.vue

@@ -85,6 +85,13 @@ const failBallplacement = () => api?.Send(create(RemoteControlToControllerSchema
       @request="requestChallengeFlag"
     />
     <RequestButton
+      v-if="canFailBallplacement"
+      :requested="false"
+      text="Fail Ballplacement"
+      @request="failBallplacement"
+    />
+    <RequestButton
+      v-else
       :can-request="canRequestEmergencyStop"
       :requested="emergencyStopRequested"
       text="Emergency Stop"
@@ -123,12 +130,6 @@ const failBallplacement = () => api?.Send(create(RemoteControlToControllerSchema
       :text-additional="robotDiff"
       @request="requestRobotSubstitution"
     />
-    <RequestButton
-      :can-request="canFailBallplacement"
-      :requested="false"
-      text="Fail Ballplacement"
-      @request="failBallplacement"
-    />
   </div>
 </template>