From b91c3be0b4dd2ae73fc101fca756a271e3d0147b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jendrik=20J=C3=A4ger?= <admin@jendrik.tech>
Date: Mon, 4 Sep 2023 19:38:17 +0200
Subject: [PATCH] Center button group

---
 button-group.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/button-group.js b/button-group.js
index e354d43..5e92669 100644
--- a/button-group.js
+++ b/button-group.js
@@ -14,7 +14,7 @@ module.exports = function (RED) {
 
             var heightPx = config.buttonheight * sizes.sy - sizes.gy;
 
-            var html = `<div style="width=100%; height=100%">
+            var html = `<div style="width=100%; height=100%; display: flex; flex-wrap: wrap; justify-content: center;">
                     <md-button id="{{$index}}" style="width:${widthPx}px; height:${heightPx}px; margin: ${sizes.gx}px ${sizes.gy}px; background-color: {{button.color}}; white-space: pre-wrap; word-break: break-word;" ng-click="buttonClick($event)" ng-mousedown="buttonDown($event)" ng-mouseup="buttonUp($event)" ng-repeat="button in msg.buttons">{{button.label}}</md-button>
                 </div>`;