Add some css

src/main/resources/views/index.twig

@@ -1,30 +1,19 @@
 {% extends "views/@base" %}
 
-{% macro dependency(dependency) %}
-    <label>
-        <input name="{{ dependency.name }}" type="checkbox"{% if dependency.default %} checked{% endif %}>
-        <span>{{ dependency.name }}</span>
-    </label>
-{% endmacro %}
-
-{% macro input(input) %}
-    <label>
-        <span>{{ input.display }}</span>
-        <input name="{{ input.name }}" type="text"{% if input.value %} value="{{ input.value }}"{% endif %}>
-    </label>
-{% endmacro %}
+{% import "views/#macros" %}
 
 {% block content %}
-    <h1>Kotlin Starter</h1>
-    <form method="post">
+    <h1 class="text-2xl font-bold text-purple-800 mb-4">Kotlin Starter</h1>
+    <form method="post" class="w-full max-w-sm mx-auto">
         {% for input in inputs %}
             {{ input(input) }}
         {% endfor %}
-        <br>
-        {% for dependency in dependencies %}
-            {{ dependency(dependency) }}
-        {% endfor %}
-        <br>
-        <button type="submit">Submit</button>
+        <hr>
+        <div class="flex flex-wrap">
+            {% for dependency in dependencies %}
+                {{ dependency(dependency) }}
+            {% endfor %}
+        </div>
+        <button type="submit" class="w-full btn btn-purple">Submit</button>
     </form>
 {% endblock %}