3 files changed, 16 insertions, 4 deletions
diff --git a/app/client/live/live.reducer.js b/app/client/live/live.reducer.js
index 810f84c..2472594 100644
--- a/app/client/live/live.reducer.js
+++ b/app/client/live/live.reducer.js
@@ -5,7 +5,11 @@ import types from '../types'
 const liveInitialState = {
   loading: false,
   error: null,
-  opt: { hue: 0, saturation: 0, luminosity: 0, sequence_step: 1, recurse_roll: 0, rotate: 0, scale: 0, process_frac: 0.5 },
+  opt: {
+    hue: 0, saturation: 0, luminosity: 0,
+    sequence_playing: true, sequence_step: 1,
+    recurse_roll: 0, rotate: 0, scale: 0, process_frac: 0.5
+  },
   checkpoints: [],
   epochs: ['latest'],
   sequences: [],
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
diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index 54a4073..f5cf73c 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -90,6 +90,9 @@ section {
   display: flex;
   flex-direction: column;
 }
+.live .params .column {
+  width: 253px;
+}
 .rows {
   margin-bottom: 3px;
 }