From 5786e9e4b0fbcc996e3306c3349500a9fecc2cb1 Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Fri, 20 Jun 2025 17:03:31 +0200
Subject: [PATCH] feat: Update components to new hippie styles

---
 source/screens/demo/basics.njk     | 9 ++++-----
 source/screens/demo/components.njk | 2 ++
 source/style/hippie-style          | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/source/screens/demo/basics.njk b/source/screens/demo/basics.njk
index 8ab604a..e49936b 100644
--- a/source/screens/demo/basics.njk
+++ b/source/screens/demo/basics.njk
@@ -752,21 +752,20 @@ tags:
 				<legend>Einfache Eingabeelemente mit Stil</legend>
 				<div class="grid grid_column_2">
 					<label>Schaltflächen:</label>
-					<div>
+					<div class="flex inline">
 						<button class="button_io">Senden</button><input class="button_io" type="reset" value="Abbrechen"></div>
 					<label>Zeicheneingaben:</label>
-					<div><input class="input_io" type="text" placeholder="Text"><input class="input_io" type="number" value="0815"></div>
+					<div class="flex inline"><input class="input_io" type="text" placeholder="Text"><input class="input_io" type="number" value="0815"></div>
 					<label>Einzelauswahl:</label>
 					<div><input class="io_radio" type="radio" name="direction" value="up" checked="checked"/><input class="io_radio" type="radio" name="direction" value="down"/></div>
 					<label>Mehrfachauswahl:</label>
 					<div><input class="io_check" type="checkbox" name="speed" value="slow" checked="checked"/><input class="io_check" type="checkbox" name="speed" value="fast"/></div>
 					<label>Auswahllisten:</label>
-					<div>
+					<div class="flex inline">
 						<select class="io_select txt_top">
 							<option value="A" selected="selected">Option A</option>
 							<option value="B">Option B</option>
-						</select>
-						<select class="io_select txt_top" size="3">
+						</select><select class="io_select txt_top" size="3">
 							<option value="red" selected="selected">Rot</option>
 							<option value="green">Grün</option>
 							<option value="blue">Blau</option>
diff --git a/source/screens/demo/components.njk b/source/screens/demo/components.njk
index 5890112..8161aba 100644
--- a/source/screens/demo/components.njk
+++ b/source/screens/demo/components.njk
@@ -115,6 +115,8 @@ tags:
 			<hr class="hr_hidden">
 			<hr class="hr_dotted">
 			<hr class="hr_double">
+			<pre class="pre_code"><code>hr.vertical</code></pre>
+			<hr class="vertical">
 			<h2>&lt;pre&gt;</h2>
 			<pre>Vorformatierter Text.
 	erhält Umbrüche und Einrückung.
diff --git a/source/style/hippie-style b/source/style/hippie-style
index c268f4f..1a3c25d 160000
--- a/source/style/hippie-style
+++ b/source/style/hippie-style
@@ -1 +1 @@
-Subproject commit c268f4fdcac9f4edec2503638ac6fdd98de467a9
+Subproject commit 1a3c25d8b5969b53ec0404c8e77fe6322d083042