html

1 files changed, 8 insertions, 3 deletions

diff --git a/app/client/modules/pix2pixhd/views/pix2pixhd.live.js b/app/client/modules/pix2pixhd/views/pix2pixhd.live.js
index aea1ec6..05a8acf 100644
--- a/app/client/modules/pix2pixhd/views/pix2pixhd.live.js
+++ b/app/client/modules/pix2pixhd/views/pix2pixhd.live.js
@@ -3,7 +3,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import {
-  ParamGroup, Param, Player,
+  ParamGroup, Param, Player, Group,
   Slider, Select, TextInput, Button, Loading
 } from '../../../common/'
 
@@ -102,7 +102,7 @@ class Pix2PixHDLive extends Component {
       return <Loading />
     }
     return (
-      <div className='app centered'>
+      <div className='app live centered'>
         <Player width={424} height={256} fullscreen={this.props.fullscreen} />
         <div className='params row'>
           <div className='column'>
@@ -135,6 +135,7 @@ class Pix2PixHDLive extends Component {
                 onChange={this.changeEpoch}
               />
             </ParamGroup>
+            <div>
             <ParamGroup
               title='Playback'
               name='sequence_playing'
@@ -153,11 +154,15 @@ class Pix2PixHDLive extends Component {
                 name='frame_delay'
                 min={0.0} max={2.0} type='float'
               />
+            </ParamGroup>
+            </div>
+            <Group
+            >
               {this.renderRestartButton()}
               {this.renderLiveButtons()}
               {this.renderRecordButton()}
               <p class='last_message'>{this.props.last_message}</p>
-            </ParamGroup>
+            </Group>
           </div>
           <div className='column'>
             <ParamGroup