Use Row

app/src/ui/add-repository/add-existing-repository.tsx

@@ -6,6 +6,7 @@ import { initGitRepository, isGitRepository } from '../../lib/git'
 import { Button } from '../lib/button'
 import { Form } from '../lib/form'
 import { TextBox } from '../lib/text-box'
+import { Row } from '../lib/row'
 
 const untildify: (str: string) => string = require('untildify')
 
@@ -32,14 +33,15 @@ export class AddExistingRepository extends React.Component<IAddExistingRepositor
     const disabled = this.state.path.length === 0 || this.state.isGitRepository == null
     return (
       <Form onSubmit={this.addRepository}>
-        <TextBox
-          value={this.state.path}
-          label='Local Path'
-          placeholder='repository path'
-          onChange={this.onPathChanged}
-          onKeyDown={this.onKeyDown}>
+        <Row>
+          <TextBox
+            value={this.state.path}
+            label='Local Path'
+            placeholder='repository path'
+            onChange={this.onPathChanged}
+            onKeyDown={this.onKeyDown}/>
           <Button onClick={this.showFilePicker}>Choose…</Button>
-        </TextBox>
+        </Row>
 
         <Button disabled={disabled} type='submit'>
           {this.state.isGitRepository ? 'Add Repository' : 'Create & Add Repository'}

app/src/ui/add-repository/create-repository.tsx

@@ -10,6 +10,7 @@ import { sanitizedRepositoryName } from './sanitized-repository-name'
 import { Form } from '../lib/form'
 import { TextBox } from '../lib/text-box'
 import { Button } from '../lib/button'
+import { Row } from '../lib/row'
 
 interface ICreateRepositoryProps {
   readonly dispatcher: Dispatcher
@@ -85,13 +86,14 @@ export class CreateRepository extends React.Component<ICreateRepositoryProps, IC
 
         {this.renderError()}
 
-        <TextBox
-          value={this.state.path}
-          label='Local Path'
-          placeholder='repository path'
-          onChange={this.onPathChanged}>
+        <Row>
+          <TextBox
+            value={this.state.path}
+            label='Local Path'
+            placeholder='repository path'
+            onChange={this.onPathChanged}/>
           <Button onClick={this.showFilePicker}>Choose…</Button>
-        </TextBox>
+        </Row>
 
         <hr/>