From 8ffc1b8346977486044443e0c7dba0bead25b9d8 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sun, 22 Jun 2025 15:57:14 +0200
Subject: [PATCH 1/3] fix: Leftover text breaking file parsing

---
 elements/_sections.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/elements/_sections.scss b/elements/_sections.scss
index 368b535..2457e39 100644
--- a/elements/_sections.scss
+++ b/elements/_sections.scss
@@ -256,11 +256,15 @@ header {
 	}
 }
 
-header // Footer
-
+// Footer
 // -----------------------------------------------------------------------------
 footer {
 	&.io {
+		nav {
+			@extend %flex-inline;
+			align-items: stretch;
+		}
+
 		input {
 			@extend .input_io;
 		}

From 36919cae478551ac284fa05ebddf3c5b5e040154 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sun, 22 Jun 2025 17:41:31 +0200
Subject: [PATCH 2/3] feat: Io module optimize

---
 elements/_sections.scss    | 24 ++++++++----------------
 modules/io/_io_module.scss | 35 ++++++++++++++---------------------
 2 files changed, 22 insertions(+), 37 deletions(-)

diff --git a/elements/_sections.scss b/elements/_sections.scss
index 2457e39..f8d7506 100644
--- a/elements/_sections.scss
+++ b/elements/_sections.scss
@@ -152,7 +152,7 @@ aside {
 		ul.vertical li {
 			margin-bottom: $space_half;
 
-			.a_button > *:last-child {
+			.a_button>i:last-child {
 				margin-left: auto;
 			}
 		}
@@ -263,22 +263,14 @@ footer {
 		nav {
 			@extend %flex-inline;
 			align-items: stretch;
-		}
 
-		input {
-			@extend .input_io;
-		}
-
-		textarea {
-			@extend .io_textarea;
-		}
-
-		select {
-			@extend .io_select;
-		}
-
-		button {
-			@extend .button_io;
+			input,
+			select,
+			button,
+			span,
+			div:not(.spacer) {
+				padding: 0 $space_half !important;
+			}
 		}
 	}
 }
\ No newline at end of file
diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss
index 72c3a52..3c99f30 100644
--- a/modules/io/_io_module.scss
+++ b/modules/io/_io_module.scss
@@ -6,22 +6,27 @@ footer {
 			margin: 0;
 		}
 
-		nav > div:not(.spacer),
-		nav > span,
+		nav>div:not(.spacer),
+		nav>span,
 		.a_button {
 			@extend %basic;
 			@extend %size_io_button;
 		}
 
 		.a_button {
-			color: $color_text_io;
-			background-color: $color_back_io;
+			@extend .button_io;
+		}
 
-			&:active,
-			&:focus,
-			&:hover {
-				background-color: transparentize($color_highlight_basic, 0.8);
-			}
+		input {
+			@extend .input_io;
+		}
+
+		select {
+			@extend .io_select;
+		}
+
+		button {
+			@extend .button_io;
 		}
 	}
 }
@@ -38,21 +43,9 @@ aside {
 			margin-inline: $space_half;
 		}
 
-		input {
-			@extend .input_io;
-		}
-
 		textarea {
 			@extend .io_textarea;
 		}
-
-		select {
-			@extend .io_select;
-		}
-
-		button {
-			@extend .button_io;
-		}
 	}
 }
 

From fb1bd808a0eac6b1031d1bf9f68487eb257053ff Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sun, 22 Jun 2025 18:16:04 +0200
Subject: [PATCH 3/3] fix: Button inner elements must not have a pointer event

---
 modules/io/_io_module.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss
index 3c99f30..6e83446 100644
--- a/modules/io/_io_module.scss
+++ b/modules/io/_io_module.scss
@@ -27,6 +27,10 @@ footer {
 
 		button {
 			@extend .button_io;
+
+			&>* {
+				pointer-events: none;
+			}
 		}
 	}
 }