diff --git a/MMM-NextcloudCookbook.css b/MMM-NextcloudCookbook.css index 1e4a362..159df6c 100644 --- a/MMM-NextcloudCookbook.css +++ b/MMM-NextcloudCookbook.css @@ -63,12 +63,19 @@ .MMM-NextcloudCookbook .ncc-meta { display: flex; flex-wrap: wrap; - gap: 10px 22px; + gap: 10px 24px; align-items: baseline; margin: 0 0 36px; font-size: 36px; } +.MMM-NextcloudCookbook .ncc-meta-item { + display: inline-flex; + gap: 8px; + align-items: baseline; + white-space: nowrap; +} + .MMM-NextcloudCookbook .ncc-meta dt { color: #d6b96b; font-weight: 700; diff --git a/MMM-NextcloudCookbook.js b/MMM-NextcloudCookbook.js index 02be2d1..712e7d0 100644 --- a/MMM-NextcloudCookbook.js +++ b/MMM-NextcloudCookbook.js @@ -146,11 +146,14 @@ Module.register("MMM-NextcloudCookbook", { const list = document.createElement("dl"); list.className = "ncc-meta"; metadata.forEach(([label, value]) => { + const pair = document.createElement("div"); + pair.className = "ncc-meta-item"; const term = document.createElement("dt"); term.textContent = label; const detail = document.createElement("dd"); detail.textContent = value; - list.append(term, detail); + pair.append(term, detail); + list.appendChild(pair); }); header.appendChild(list); } diff --git a/package-lock.json b/package-lock.json index be01ec1..a04f020 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "mmm-nextcloud-cookbook", - "version": "0.2.1", + "version": "0.2.2", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "mmm-nextcloud-cookbook", - "version": "0.2.1", + "version": "0.2.2", "dependencies": { "fast-xml-parser": "5.10.1", "qrcode": "1.5.4" diff --git a/package.json b/package.json index c3c7d71..b7be08a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mmm-nextcloud-cookbook", - "version": "0.2.1", + "version": "0.2.2", "private": true, "description": "Display recipes from a Nextcloud Cookbook share on MagicMirror", "main": "node_helper.js",