From 23f681fbd3723e1e056b146ea89b94dc728896f6 Mon Sep 17 00:00:00 2001
From: Piet Ostendorp <piet@ostendorp-online.de>
Date: Fri, 28 Nov 2025 01:52:05 +0100
Subject: [PATCH] Add middle class styling and adjust button margin

Introduced a new .middle CSS class for vertical centering in theater-layout-designer component. Updated ticket-validation button margin from mt-3 to mt-2 for improved spacing.
---
 .../theater-layout-designer.component.css                  | 7 +++++++
 src/app/ticket-validation/ticket-validation.component.html | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/theater-layout-designer/theater-layout-designer.component.css b/src/app/theater-layout-designer/theater-layout-designer.component.css
index e69de29..7292745 100644
--- a/src/app/theater-layout-designer/theater-layout-designer.component.css
+++ b/src/app/theater-layout-designer/theater-layout-designer.component.css
@@ -0,0 +1,7 @@
+.middle {
+  position: relative;
+  top: 40%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
diff --git a/src/app/ticket-validation/ticket-validation.component.html b/src/app/ticket-validation/ticket-validation.component.html
index 62d71dd..002eb05 100644
--- a/src/app/ticket-validation/ticket-validation.component.html
+++ b/src/app/ticket-validation/ticket-validation.component.html
@@ -40,7 +40,7 @@
 
         <button
           mat-button
-          class="w-full mt-3"
+          class="w-full mt-2"
           matButton="filled"
           color="accent"
           [disabled]="(loadingService.loading$ | async) || (formControl.invalid && !formControl.hasError('serverError'))"