From 652e4476fdc2c7177145c0d993159f84a5f64c55 Mon Sep 17 00:00:00 2001 From: Wojtek Kosior Date: Thu, 3 Mar 2022 14:40:55 +0100 Subject: improve styling of item preview --- html/item_preview.js | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) (limited to 'html/item_preview.js') diff --git a/html/item_preview.js b/html/item_preview.js index cdc56d9..fed03d2 100644 --- a/html/item_preview.js +++ b/html/item_preview.js @@ -129,12 +129,10 @@ function mapping_preview(mapping, preview_object, link_cb=make_file_link) { /* We use a non-breaking space because normal space would be ignored. */ const [nbsp, rarrow] = [160, 0x2192].map(n => String.fromCodePoint(n)); const texts = [`${pattern}${nbsp}`, `${rarrow} ${payload.identifier}`]; - for (let i = 0; i < texts.length; i++) { - const span = document.createElement("span"); - span.innerText = texts[i]; - span.classList.add(`grid_col_${i + 1}`); - preview_object.payloads.append(span); - } + const payload_entry = clone_template("pattern_payload_entry"); + payload_entry.pattern.innerText = pattern; + payload_entry.payload.innerText = payload.identifier; + preview_object.payloads.append(payload_entry.main_div); } const link_maker = file_ref => link_cb(preview_object, file_ref); -- cgit v1.2.3