Bigass 'Stop' button in lower right during real-time playback.

app/styles/play/level.sass

@@ -23,8 +23,6 @@ $level-resize-transition-time: 0.5s
       width: 100%
       button, h4
         display: none
-      #stop-real-time-playback-button
-        display: block
     #playback-view
       $flags-width: 200px
       width: 90%
@@ -40,6 +38,8 @@ $level-resize-transition-time: 0.5s
       left: 20%
       width: 60%
       text-align: center
+    #stop-real-time-playback-button
+      display: block
 
     .level-content
       margin: 0px auto
@@ -200,6 +200,14 @@ $level-resize-transition-time: 0.5s
     top: 0
     z-index: 19
 
+  #stop-real-time-playback-button
+    display: none
+    position: absolute
+    bottom: 40px
+    right: 15px
+    font-size: 30px
+
+
 html.fullscreen-editor
   #level-view
     #fullscreen-editor-background-screen

app/styles/play/level/control_bar.sass

@@ -41,5 +41,5 @@
     height: 24px
 
 
-  #level-done-button, #stop-real-time-playback-button
+  #level-done-button
     display: none

app/templates/play/level.jade

@@ -25,6 +25,8 @@
   
   #thang-hud
 
+  button.btn.btn-lg.btn-warning.banner.header-font#stop-real-time-playback-button(title="Stop real-time playback", data-i18n="play_level.stop") Stop
+
 .footer
   .content
     p(class='footer-link-text')

app/templates/play/level/control_bar.jade

@@ -19,10 +19,6 @@ h4.title
     if !found
       span.spl.spr - waiting...
 
-
-
-button.btn.btn-xs.btn-warning.banner#stop-real-time-playback-button(title="Stop real-time playback", data-i18n="play_level.stop") Stop
-
 button.btn.btn-xs.btn-inverse.banner#game-menu-button(title="Show game menu", data-i18n="play_level.game_menu") Game Menu
 
 button.btn.btn-xs.btn-success.banner#docs-button(title="Show level instructions", data-i18n="play_level.guide") Guide

app/views/play/level/ControlBarView.coffee

@@ -24,8 +24,6 @@ module.exports = class ControlBarView extends CocoView
 
     'click #game-menu-button': 'showGameMenuModal'
 
-    'click #stop-real-time-playback-button': -> Backbone.Mediator.publish 'playback:stop-real-time-playback', {}
-
     'click': -> Backbone.Mediator.publish 'tome:focus-editor', {}
 
   constructor: (options) ->

app/views/play/level/PlayLevelView.coffee

@@ -77,6 +77,7 @@ module.exports = class PlayLevelView extends RootView
 
   events:
     'click #level-done-button': 'onDonePressed'
+    'click #stop-real-time-playback-button': -> Backbone.Mediator.publish 'playback:stop-real-time-playback', {}
     'click #fullscreen-editor-background-screen': (e) -> Backbone.Mediator.publish 'tome:toggle-maximize', {}
 
   shortcuts: