paragraph list view

1 files changed, 12 insertions, 9 deletions

diff --git a/animism-align/frontend/views/align/components/annotations/annotation.form.js b/animism-align/frontend/views/align/components/annotations/annotation.form.js
index 6972f93..e18d6df 100644
--- a/animism-align/frontend/views/align/components/annotations/annotation.form.js
+++ b/animism-align/frontend/views/align/components/annotations/annotation.form.js
@@ -7,7 +7,7 @@ import actions from '../../../../actions'
 // import * as alignActions from '../align.actions'
 
 import { ZOOM_STEPS } from '../../constants'
-import { clamp } from '../../../../util'
+import { clamp, timestamp } from '../../../../util'
 import { timeToPosition } from '../../align.util'
 import { Select } from '../../../../common'
 
@@ -95,14 +95,17 @@ class AnnotationForm extends Component {
       >
         {annotation.type === 'sentence' && this.renderTextarea()}
         {annotation.type === 'header' && this.renderTextarea()}
-        <div className='row'>
-          <Select
-            name='type'
-            selected={annotation.type}
-            options={ANNOTATION_TYPES}
-            defaultOption='text'
-            onChange={this.handleSelect}
-          />
+        <div className='row buttons'>
+          <div>
+            <Select
+              name='type'
+              selected={annotation.type}
+              options={ANNOTATION_TYPES}
+              defaultOption='text'
+              onChange={this.handleSelect}
+            />
+            <div className='ts'>{timestamp(annotation.start_ts, 1, true)}</div>
+          </div>
           <button onClick={this.handleSubmit}>Save</button>
         </div>
       </div>