diff --git a/web/text_layer_builder.css b/web/text_layer_builder.css index 99c2b2c55..07ff4930b 100644 --- a/web/text_layer_builder.css +++ b/web/text_layer_builder.css @@ -34,13 +34,16 @@ } .textLayer .highlight { - position: relative; margin: -1px; padding: 1px; background-color: rgba(180, 0, 170, 1); border-radius: 4px; } +.textLayer .highlight.appended { + position: initial; +} + .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } diff --git a/web/text_layer_builder.js b/web/text_layer_builder.js index f722515be..e5a17b9af 100644 --- a/web/text_layer_builder.js +++ b/web/text_layer_builder.js @@ -239,7 +239,7 @@ class TextLayerBuilder { const node = document.createTextNode(content); if (className) { const span = document.createElement("span"); - span.className = className; + span.className = `${className} appended`; span.appendChild(node); div.appendChild(span); return;