feat: adopt main website styles

templates/registration/index.html.twig

@@ -1,26 +1,28 @@
 {% extends 'layout.html.twig' %}
 
 {% block content %}
-    <div class="p-8 max-w-screen-sm border border-gray-300 rounded-md mx-auto">
-        <h2 class="text-2xl font-semibold pb-4">
-            Registrierung MyE&amp;P
-        </h2>
-        {{ form_start(form) }}
-        <div class="grid grid-cols-2 gap-x-8 gap-y-4 pb-4">
-            {{ form_row(form.firstName) }}
-            {{ form_row(form.name) }}
-            {{ form_row(form.gender) }}
-            {{ form_row(form.email) }}
-        </div>
-        <button type="submit" class="btn">
-            Absenden
-        </button>
-        <div class="pt-4">
-            <a href="{{ path('app_login') }}" class="underline">
-                zurück
-            </a>
-        </div>
-        {{ form_rest(form) }}
-        {{ form_end(form) }}
+    <h1 class="mb-4">
+        Registrierung MyE&amp;P
+    </h1>
+    {{ form_start(form) }}
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 mb-4">
+        {{ form_row(form.firstName) }}
+        {{ form_row(form.name) }}
+        {{ form_row(form.email) }}
+        {{ form_row(form.gender) }}
     </div>
+    <div class="flex flex-col lg:flex-row space-y-2 lg:space-y-0 lg:space-x-2">
+        <button type="submit" class="button bg-button">
+            registrieren
+        </button>
+        <button type="button"
+                hx-get="{{ path('app_login') }}"
+                hx-target="#myep"
+                hx-swap="outerHTML"
+                class="button bg-button bg-button--secondary">
+            zum Login
+        </button>
+    </div>
+    {{ form_rest(form) }}
+    {{ form_end(form) }}
 {% endblock %}