From 7827cc6cd492ad8352756154f77cc2fbc87eb521 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jendrik=20J=C3=A4ger?= <admin@jendrik.tech>
Date: Tue, 5 Sep 2023 19:02:37 +0200
Subject: [PATCH] Align content of multi group at the start

---
 multi-group.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/multi-group.js b/multi-group.js
index cb08ab2..681e2dd 100644
--- a/multi-group.js
+++ b/multi-group.js
@@ -15,7 +15,7 @@ module.exports = function (RED) {
 
             var html = `
             <script type='text/javascript' src='ui-gauge-group/gauge.min.js'></script>
-            <div id="multi-${iid}" style="width=100%; height=100%; display: flex; flex-wrap: wrap; justify-content: center;"></div>
+            <div id="multi-${iid}" style="width=100%; height=100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start;"></div>
             `;
 
             var done = ui.addWidget({
@@ -173,7 +173,7 @@ module.exports = function (RED) {
                         const widthPx = widthToPx(config.width, includeMargin);
                         const heightPx = heightToPx(config.height, includeMargin);
 
-                        const container = $(`<div id=${containerId} style="display: flex; flex-wrap: wrap; justify-content: center" />`);
+                        const container = $(`<div id=${containerId} style="display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start;" />`);
 
                         container.css("width", `${widthPx}px`);
                         container.css("height", `${heightPx}px`);