From ff6921281a9fc5ee5ffd058fa25cdbc0c723c276 Mon Sep 17 00:00:00 2001
From: Steven Wu <wusteven815@gmail.com>
Date: Tue, 1 Oct 2024 14:11:35 -0400
Subject: [PATCH] fix button group align

---
 plugins/ui/src/deephaven/ui/components/button_group.py | 7 ++++---
 plugins/ui/src/deephaven/ui/components/types/layout.py | 2 ++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/plugins/ui/src/deephaven/ui/components/button_group.py b/plugins/ui/src/deephaven/ui/components/button_group.py
index 484a2eeb3..7bd2087ac 100644
--- a/plugins/ui/src/deephaven/ui/components/button_group.py
+++ b/plugins/ui/src/deephaven/ui/components/button_group.py
@@ -5,6 +5,7 @@
     Orientation,
     # Layout
     AlignSelf,
+    ButtonGroupAlignment,
     CSSProperties,
     DimensionValue,
     JustifySelf,
@@ -19,7 +20,7 @@ def button_group(
     *children: Any,
     is_disabled: bool | None = None,
     orientation: Orientation = "horizontal",
-    alignment: AlignSelf = "start",
+    align: ButtonGroupAlignment = "start",
     flex: LayoutFlex | None = None,
     flex_grow: float | None = None,
     flex_shrink: float | None = None,
@@ -68,7 +69,7 @@ def button_group(
         *children: The children of the button group.
         is_disabled: Whether the button group is disabled.
         orientation: The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent any switching behaviours between 'vertical' and horizontal'.
-        alignment: The alignment of the buttons within the ButtonGroup.
+        align: The alignment of the buttons within the ButtonGroup.
         flex: When used in a flex layout, specifies how the element will grow or shrink to fit the space available.
         flex_grow: When used in a flex layout, specifies how the element will grow to fit the space available.
         flex_shrink: When used in a flex layout, specifies how the element will shrink to fit the space available.
@@ -109,7 +110,7 @@ def button_group(
         *children,
         is_disabled=is_disabled,
         orientation=orientation,
-        alignment=alignment,
+        align=align,
         flex=flex,
         flex_grow=flex_grow,
         flex_shrink=flex_shrink,
diff --git a/plugins/ui/src/deephaven/ui/components/types/layout.py b/plugins/ui/src/deephaven/ui/components/types/layout.py
index 1b4478709..dfccfa931 100644
--- a/plugins/ui/src/deephaven/ui/components/types/layout.py
+++ b/plugins/ui/src/deephaven/ui/components/types/layout.py
@@ -132,6 +132,8 @@
 
 Alignment = Literal["start", "end"]
 
+ButtonGroupAlignment = Literal["start", "center", "end"]
+
 LayoutFlex = Union[str, float, bool]
 """
 The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.