From e8faa48e22f483b560faa1f0543cf9ff7f99557c Mon Sep 17 00:00:00 2001
From: phg <mail@philip-henning.com>
Date: Sat, 16 Aug 2025 21:15:25 +0200
Subject: [PATCH] Refactor CustomFooter styles: enhance alignment and height
 properties for improved layout consistency across the TUI application.

---
 src/hosts/tui/custom_footer.py | 10 ++++++++++
 src/hosts/tui/styles.py        | 10 ++++++++++
 2 files changed, 20 insertions(+)

diff --git a/src/hosts/tui/custom_footer.py b/src/hosts/tui/custom_footer.py
index 255e885..00aa63e 100644
--- a/src/hosts/tui/custom_footer.py
+++ b/src/hosts/tui/custom_footer.py
@@ -33,28 +33,36 @@ class CustomFooter(Widget):
     CustomFooter > Horizontal {
         height: 1;
         width: 100%;
+        align: left middle;
     }
     
     .footer-left {
         width: auto;
         text-align: left;
         text-style: dim;
+        height: 1;
+        content-align: left middle;
     }
     
     .footer-spacer {
         width: 1fr;
+        height: 1;
     }
     
     .footer-right {
         width: auto;
         text-align: right;
         text-style: dim;
+        height: 1;
+        content-align: right middle;
     }
     
     .footer-separator {
         width: auto;
         color: $primary;
         text-style: dim;
+        height: 1;
+        content-align: center middle;
     }
     
     .footer-status {
@@ -62,6 +70,8 @@ class CustomFooter(Widget):
         text-align: right;
         color: $accent;
         text-style: bold;
+        height: 1;
+        content-align: right middle;
     }
     """
 
diff --git a/src/hosts/tui/styles.py b/src/hosts/tui/styles.py
index 551d4a4..495e8e1 100644
--- a/src/hosts/tui/styles.py
+++ b/src/hosts/tui/styles.py
@@ -180,28 +180,36 @@ CustomFooter {
 CustomFooter > Horizontal {
     height: 1;
     width: 100%;
+    align: left middle;
 }
 
 .footer-left {
     width: auto;
     text-align: left;
     text-style: dim;
+    height: 1;
+    content-align: left middle;
 }
 
 .footer-spacer {
     width: 1fr;
+    height: 1;
 }
 
 .footer-right {
     width: auto;
     text-align: right;
     text-style: dim;
+    height: 1;
+    content-align: right middle;
 }
 
 .footer-separator {
     width: auto;
     color: $primary;
     text-style: dim;
+    height: 1;
+    content-align: center middle;
 }
 
 .footer-status {
@@ -209,6 +217,8 @@ CustomFooter > Horizontal {
     text-align: right;
     color: $accent;
     text-style: bold;
+    height: 1;
+    content-align: right middle;
 }
 """
 )