From 710ba03935b14a465e64ff63afe05161c2a76c5f Mon Sep 17 00:00:00 2001
From: Javier Godoy <11554739+javier-godoy@users.noreply.github.com>
Date: Tue, 11 Mar 2025 16:36:20 -0300
Subject: [PATCH] fix: align buttons in horizontal orientation

Close #174
---
 .../flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java    | 1 +
 .../META-INF/resources/frontend/styles/twincol-grid.css       | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/main/java/com/flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java b/src/main/java/com/flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java
index a47e706..a1805d0 100644
--- a/src/main/java/com/flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java
+++ b/src/main/java/com/flowingcode/vaadin/addons/twincolgrid/TwinColGrid.java
@@ -375,6 +375,7 @@ private VerticalLayout createVerticalContainer(boolean reverse) {
 
   private VerticalLayout getVerticalButtonContainer() {
     fakeButtonContainerLabel.getElement().setProperty("innerHTML", "&nbsp;");
+    fakeButtonContainerLabel.setClassName("fake-button-container-label");
     updateFakeButtonContainerVisiblity();
 
     VerticalLayout vButtonContainer =
diff --git a/src/main/resources/META-INF/resources/frontend/styles/twincol-grid.css b/src/main/resources/META-INF/resources/frontend/styles/twincol-grid.css
index b7fd347..f21c973 100644
--- a/src/main/resources/META-INF/resources/frontend/styles/twincol-grid.css
+++ b/src/main/resources/META-INF/resources/frontend/styles/twincol-grid.css
@@ -44,3 +44,7 @@
   color: var(--lumo-error-text-color);
 }
 
+.twincol-grid .fake-button-container-label {
+  font-size: var(--lumo-font-size-s);
+  margin-bottom: calc(var(--vaadin-button-margin, var(--lumo-space-xs))* -1);
+}