@@ -10,7 +10,6 @@ import Dropzone from 'react-dropzone';
1010import EditorContainer from '../containers/EditorContainer' ;
1111
1212const TAB_CODE = 0 ;
13- const TAB_UPLOAD = 1 ;
1413const TAB_RESULTS = 2 ;
1514
1615class CodeContainer extends Component {
@@ -188,49 +187,50 @@ class CodeContainer extends Component {
188187 menuItem : 'Output' ,
189188 render : ( ) => (
190189 < Pane >
191- < Form >
192- < Form . TextArea
193- value = { obfuscatedCode }
194- onFocus = { ( event ) => event . target . select ( ) }
195- />
196- </ Form >
197-
198190 < Grid stackable columns = { 2 } relaxed >
191+ < Grid . Column width = { 16 } >
192+ < Form >
193+ < Form . TextArea
194+ value = { obfuscatedCode }
195+ rows = { 8 }
196+ onFocus = { ( event ) => event . target . select ( ) }
197+ />
198+ </ Form >
199+ </ Grid . Column >
200+
199201 < Grid . Column width = { 13 } >
200- < Segment basic >
202+ < Button
203+ disabled = { ! hasObfuscatedCode }
204+ onClick = { onDownloadCodeClick }
205+ >
206+ < Icon name = 'download' /> Download obfuscated code
207+ </ Button >
208+
209+ { hasSourceMap &&
201210 < Button
202- disabled = { ! hasObfuscatedCode }
203- onClick = { onDownloadCodeClick }
211+ onClick = { onDownloadSourceMapClick }
204212 >
205- < Icon name = 'download' /> Download obfuscated code
213+ < Icon name = 'download' /> Download source map file
206214 </ Button >
207- { hasSourceMap &&
208- < Button
209- onClick = { onDownloadSourceMapClick }
210- >
211- < Icon name = 'download' /> Download source map file
212- </ Button >
213- }
214- </ Segment >
215+ }
215216 </ Grid . Column >
216217
217- < Grid . Column width = { 3 } >
218- < Segment basic >
219- < Form . Checkbox
220- label = 'Evaluate'
221- checked = { this . state . evaluate }
222- onChange = { this . toggleEvaluate } />
223- </ Segment >
218+ < Grid . Column width = { 3 } verticalAlign = "middle" >
219+ < Form . Checkbox
220+ label = 'Evaluate'
221+ checked = { this . state . evaluate }
222+ onChange = { this . toggleEvaluate }
223+ />
224224 </ Grid . Column >
225- </ Grid >
226225
227- { this . state . evaluate &&
228- < Segment basic >
229- < div className = "evaluatedCode" >
230- { this . state . evaluatedResult }
231- </ div >
232- </ Segment >
233- }
226+ { this . state . evaluate &&
227+ < Grid . Column width = { 16 } >
228+ < div className = "evaluatedCode" >
229+ { this . state . evaluatedResult }
230+ </ div >
231+ </ Grid . Column >
232+ }
233+ </ Grid >
234234 </ Pane >
235235 )
236236 }
0 commit comments