Change default size of divisions in flux builder

Co-authored-by: Delmer Reed <delmer814+1@gmail.com>

ui/src/flux/components/TimeMachine.tsx

@@ -50,6 +50,7 @@ class TimeMachine extends PureComponent<Props> {
         handleDisplay: 'none',
         menuOptions: [],
         headerButtons: [],
+        size: 0.33,
         render: () => (
           <Threesizer
             divisions={this.scriptAndExplorer}
@@ -68,6 +69,7 @@ class TimeMachine extends PureComponent<Props> {
       name: 'Build',
       headerButtons: [],
       menuOptions: [],
+      size: 0.67,
       render: () => (
         <BodyBuilder
           body={body}
@@ -79,6 +81,7 @@ class TimeMachine extends PureComponent<Props> {
       ),
     }
   }
+
   private get scriptAndExplorer() {
     const {
       script,

ui/src/shared/components/threesizer/Threesizer.tsx

@@ -35,6 +35,7 @@ interface DivisionProps {
   handleDisplay?: string
   handlePixels?: number
   style?: CSSProperties
+  size?: number
   headerButtons?: JSX.Element[]
   menuOptions: MenuItem[]
   render: (visibility?: string) => ReactElement<any>
@@ -135,7 +136,6 @@ class Threesizer extends Component<Props, State> {
       >
         {divisions.map((d, i) => {
           const headerOrientation = _.get(d, 'headerOrientation', orientation)
-
           return (
             <Division
               key={d.id}
@@ -191,11 +191,10 @@ class Threesizer extends Component<Props, State> {
     const {divisions} = this.props
 
     const size = 1 / divisions.length
-
     return divisions.map(d => ({
       ...d,
       id: uuid.v4(),
-      size,
+      size: d.size || size,
       handlePixels: d.handlePixels || HANDLE_PIXELS,
     }))
   }