paragraph end styling

2 files changed, 10 insertions, 7 deletions

diff --git a/animism-align/frontend/views/align/align.css b/animism-align/frontend/views/align/align.css
index 27f4b9e..fc1ae57 100644
--- a/animism-align/frontend/views/align/align.css
+++ b/animism-align/frontend/views/align/align.css
@@ -169,9 +169,10 @@ canvas {
   background-color: #838;
 }
 .annotation.paragraph_end {
-  background-color: #bbb;
+  background-color: #003;
+  border-top: 1px solid #888;
   width: 100%;
-  padding: 2px;
+  padding: 1px;
 }
 
 /* Condensed layout (first lines) */
@@ -182,9 +183,12 @@ canvas {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.annotationIndex.collapsed .annotation.header {
+.annotationIndex.condensed .annotation.header {
   z-index: 1;
 }
+.annotationIndex.condensed .annotation.paragraph_end {
+  border-top-color: #888;
+}
 
 /* Collapsed layout (borders) */
 
@@ -197,3 +201,6 @@ canvas {
 .annotationIndex.collapsed .annotation.header {
   z-index: 2;
 }
+.annotationIndex.collapsed .annotation.paragraph_end {
+  border-top-color: #333;
+}
diff --git a/animism-align/frontend/views/align/components/annotations/annotation.index.js b/animism-align/frontend/views/align/components/annotations/annotation.index.js
index d5c1eed..eccd8b7 100644
--- a/animism-align/frontend/views/align/components/annotations/annotation.index.js
+++ b/animism-align/frontend/views/align/components/annotations/annotation.index.js
@@ -52,9 +52,6 @@ class AnnotationIndex extends Component {
   }
   handleParagraphSelection(annotation) {
     const { selected_paragraph_id } = this.props.timeline
-    console.log("___________________")
-    console.log(annotation)
-    console.log(selected_paragraph_id)
     if (!selected_paragraph_id || selected_paragraph_id === -1) {
       if (annotation.paragraph_id) {
         actions.align.setSelectedParagraph(annotation.paragraph_id)
@@ -63,7 +60,6 @@ class AnnotationIndex extends Component {
           type: 'paragraph',
           start_ts: annotation.start_ts,
         }) .then(data => {
-          console.log(data.res)
           actions.align.setSelectedParagraph(data.res.id)
           annotation.paragraph_id = data.res.id
           actions.annotation.update(annotation)