better control over cover image

1 files changed, 2 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.content.js b/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
index c3e5c58..4194d4a 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.content.js
@@ -23,6 +23,7 @@ class ChecklistContent extends Component {
 
   render() {
     const { sections, checklistSection } = this.props
+    let mediaIndex = 1
     return (
       <div className="checklist-content">
         <div className="checklist-table">
@@ -39,7 +40,7 @@ class ChecklistContent extends Component {
                     onClick={() => this.handleMediaSelection(section, mediaItem, i)}
                   >
                     <div className="media-id">
-                      {pad(section.mediaIndex + i + 1, 2)}
+                      {pad(mediaIndex++, 2)}
                     </div>
                     <div className="media-section">
                       {ROMAN_NUMERALS[section.index]}