From d3f21bf33369d0afc5aa7546c85e3e25eb23b4e9 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Tue, 25 Jan 2022 12:43:37 +0100
Subject: [PATCH] Fix elements inside aligned box right/left don't get
 alignment properly

---
 api/js/etemplate/Et2Box/Et2Box.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/api/js/etemplate/Et2Box/Et2Box.ts b/api/js/etemplate/Et2Box/Et2Box.ts
index 978efd98c0..da63b12018 100644
--- a/api/js/etemplate/Et2Box/Et2Box.ts
+++ b/api/js/etemplate/Et2Box/Et2Box.ts
@@ -30,6 +30,12 @@ export class Et2Box extends Et2Widget(LitElement) implements et2_IDetachedDOM
             	align-items: stretch;
             	gap: 5px;
 			}
+			:host([align="right"]) > div {
+				justify-content: flex-end;
+			}
+			:host([align="left"]) > div {
+				justify-content: flex-start;
+			}
 			/* CSS for child elements */
             ::slotted(*) {
             	flex: 1 0 auto;