From d83ae3ea2239856ea4d9abafa3a1aca04c5c7d5a Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Thu, 19 Jun 2025 16:45:20 +0200
Subject: [PATCH] feat: Adapt new hippie styles

- Use bound io class
- Remove over specified styles
---
 source/screens/demo/examples/ui/drag.njk  |  4 +++-
 source/screens/demo/examples/ui/form.njk  |  4 ++--
 source/style/hippie-style                 |  2 +-
 source/style/modules/ui/_drag_module.scss |  8 --------
 source/style/modules/ui/_form_module.scss | 12 ------------
 5 files changed, 6 insertions(+), 24 deletions(-)

diff --git a/source/screens/demo/examples/ui/drag.njk b/source/screens/demo/examples/ui/drag.njk
index ac2276e..25911b1 100755
--- a/source/screens/demo/examples/ui/drag.njk
+++ b/source/screens/demo/examples/ui/drag.njk
@@ -22,8 +22,10 @@ tags:
 {% endblock %}
 
 {% block body %}
+  <header class="io pos_fix pin_top pin_right pin_left">
+    <button data-action="add">Add</button>
+  </header>
   <div id="space"></div>
-  <button data-action="add">Add</button>
 {% endblock %}
 
 {%- block script %}
diff --git a/source/screens/demo/examples/ui/form.njk b/source/screens/demo/examples/ui/form.njk
index 1ab3145..5f279de 100644
--- a/source/screens/demo/examples/ui/form.njk
+++ b/source/screens/demo/examples/ui/form.njk
@@ -19,12 +19,12 @@ tags:
 {% endblock %}
 
 {% block body %}
-	<div id="head">
+	<header class="io">
 		<h1>Formulare</h1>
 		<button data-action="add">Hinzufügen</button>
 		<button data-action="change">Ändern</button>
 		<hr>
-	</div>
+	</header>
 	<form id="form" action="">
 		<div id="grid">
 			<div>a</div>
diff --git a/source/style/hippie-style b/source/style/hippie-style
index 3eab0f0..c268f4f 160000
--- a/source/style/hippie-style
+++ b/source/style/hippie-style
@@ -1 +1 @@
-Subproject commit 3eab0f095603236be4519081203e51bc2916801e
+Subproject commit c268f4fdcac9f4edec2503638ac6fdd98de467a9
diff --git a/source/style/modules/ui/_drag_module.scss b/source/style/modules/ui/_drag_module.scss
index 03b3de8..c9a98dc 100644
--- a/source/style/modules/ui/_drag_module.scss
+++ b/source/style/modules/ui/_drag_module.scss
@@ -1,14 +1,6 @@
 .body_drag {
 	@extend .body_ui;
 
-	button {
-		@extend .button_io;
-		position: fixed;
-		top: 8px;
-		right: 8px;
-		margin: 0;
-	}
-
 	#space {
 		position: relative;
 		height: 100%;
diff --git a/source/style/modules/ui/_form_module.scss b/source/style/modules/ui/_form_module.scss
index c571126..dac2760 100644
--- a/source/style/modules/ui/_form_module.scss
+++ b/source/style/modules/ui/_form_module.scss
@@ -1,15 +1,3 @@
-#head {
-	// display: flex;
-
-	button {
-			@extend .button_io;
-	}
-
-	h1 {
-		margin: 0;
-	}
-}
-
 #grid {
 	display: grid;
 	gap: 8px;