displaying roman numerals in traanscript again

2 files changed, 3 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
index ebc0103..be5818a 100644
--- a/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
+++ b/animism-align/frontend/app/views/viewer/transcript/components/elementTypes.text.js
@@ -1,5 +1,7 @@
 import React, { Component } from 'react'
 
+import { ROMAN_NUMERALS } from 'app/constants'
+
 export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAnnotationClick, onDoubleClick }) => {
   let className = paragraph.type
   if (className !== 'paragraph') className += ' paragraph'
@@ -29,7 +31,7 @@ export const ParagraphHeader = ({ paragraph, currentParagraph, currentAnnotation
       className={className}
       onDoubleClick={e => onDoubleClick(e, paragraph)}
     >
-      <span>{text}</span>
+      <span>{ROMAN_NUMERALS[paragraph.sectionIndex]}{'. '}{text}</span>
     </div>
   )
 }
diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.css b/animism-align/frontend/app/views/viewer/transcript/transcript.css
index 984221a..45942c6 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.css
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.css
@@ -32,7 +32,6 @@
   bottom: 0;
   left: 0;
   height: 3rem;
-  border-top: 1px solid white;
   width: 100%;
   background: black;
   color: white;