update: improve layout

This commit is contained in:
2023-07-02 16:38:21 +02:00
parent 0da2631d37
commit 953d11ded0
2 changed files with 34 additions and 17 deletions

View File

@@ -22,6 +22,16 @@ body{
color: darkgray; color: darkgray;
} }
.form-container{
margin: auto;
padding: 20px;
width: fit-content;
}
.form-button{
}
.overview-tile{ .overview-tile{
color: black; color: black;
} }

View File

@@ -1,24 +1,31 @@
{% include "head.html" %} {% include "head.html" %}
<body> <body>
<div class="container mt-5"> {% include "navbar.html" %}
<button class="mt-4 mb-4 btn btn-secondary" onclick="window.location.href='/'"> <style>
Back label{
</button> min-width: 120px;
}
</style>
<div class="container">
<h1 style="margin: auto; width: fit-content;" class="mt-5">Create a new Service</h1>
<div class="form-container">
<hr style="mt-3">
{% if form.service.errors %} {% if form.service.errors %}
<ul class="errors"> <ul class="mt-4 errors">
{% for error in form.service.errors %} {% for error in form.service.errors %}
<li>{{ error }}</li> <li>{{ error }}</li>
{% endfor %} {% endfor %}
</ul> </ul>
{% endif %} {% endif %}
<form method="POST" action="/entry-form"> <form class="mt-4" method="POST" action="/entry-form">
{{ form.csrf_token }} {{ form.csrf_token }}
{{ form.service.label }} {{ form.service(size=20) }} </br> {{ form.service.label }} {{ form.service(size=20) }} </br>
{{ form.timeout.label }} {{ form.timeout() }} </br> {{ form.timeout.label }} {{ form.timeout() }} </br>
<input type="submit" value="Go"> <input class="form-button mt-4" type="submit" value="Create">
</form> </form>
</div> </div>
</div>
</body> </body>
</html> </html>