diff --git a/qurator/dinglehopper/cli.py b/qurator/dinglehopper/cli.py
index 8e18b26..2099c57 100644
--- a/qurator/dinglehopper/cli.py
+++ b/qurator/dinglehopper/cli.py
@@ -71,8 +71,8 @@ def gen_diff_report(gt_in, ocr_in, css_prefix, joiner, none):
return \
'''
'''.format(gtx, ocrx)
diff --git a/qurator/dinglehopper/templates/report.html.j2 b/qurator/dinglehopper/templates/report.html.j2
index f7b2efb..f829ef8 100644
--- a/qurator/dinglehopper/templates/report.html.j2
+++ b/qurator/dinglehopper/templates/report.html.j2
@@ -26,7 +26,7 @@
border: 2px solid;
border-radius: 5px;
}
- #status-box {
+ .status-box {
position: fixed;
background: grey;
color: white;
@@ -39,10 +39,6 @@
- foo
-
-
-
{{ gt }}
diff --git a/qurator/dinglehopper/templates/report.html.js b/qurator/dinglehopper/templates/report.html.js
index 01f5323..0baaa30 100644
--- a/qurator/dinglehopper/templates/report.html.js
+++ b/qurator/dinglehopper/templates/report.html.js
@@ -8,12 +8,12 @@ $(document).ready(function() {
$('.' + c).addClass('diff-highlight');
segment_id = $(this).attr('data-segment-id');
- $('#status-box').text(segment_id);
+ $(this).closest('div').find('.status-box').text(segment_id);
});
$('.diff').mouseout(function() {
let c = find_diff_class($(this).attr('class'));
$('.' + c).removeClass('diff-highlight');
- $('#status-box').text('');
+ $(this).closest('div').find('.status-box').text('');
});
});