Keep recipe metadata pairs together

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;

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);
     }

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"

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",