mgoetz/soundboard
1
0
Fork 0
forked from server/soundboard
Code Issues Pull Requests Releases Wiki Activity

Nicer forms

Browse Source
This commit is contained in:
Martin Müller 2017-07-18 16:51:50 +02:00
parent e2687550f5
commit ab381d2729
2 changed files with 42 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/main.css
View File

@ -21,7 +21,6 @@ h1 {
form {
padding: 5px;
text-align: center;
}
input {
@ -30,11 +29,21 @@ input {
border-radius: 5px;
color: #eee;
margin: 0;
padding: 5px;
padding: 1em;
vertical-align: middle;
}
label {
.editform {
display: table;
margin-left: auto;
margin-right: auto;
}
.editform input {
margin: 0.5em;
}
.youtube label {
vertical-align: middle;
}
@ -119,3 +128,12 @@ nav .extra > a {
.edit {
border: 1px dashed #eee;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
}

17
templates/edit.html
View File

@ -2,8 +2,25 @@
{% block navigation %}
{% endblock %}
{% block content %}
<div class="editform">
<h1>Filename</h1>
<form action="{{ request.path }}" method="POST">
<div class="table-row">
<div class="table-cell">
<label for="tags">Tags</label>
</div>
<div class="table-cell">
<input type="input" name="tags" id="tags" />
</div>
</div>
<div class="table-row">
<div class="table-cell">
</div>
<div class="table-cell">
<input type="button" value="Cancel" />
<input type="submit" value="Submit" />
</div>
</div>
</form>
</div>
{% endblock %}