From ab381d27299734894f11d7f0b4c9fc18252e2b2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20M=C3=BCller?= <mail@mueller-martin.net>
Date: Tue, 18 Jul 2017 16:51:50 +0200
Subject: [PATCH] Nicer forms

---
 static/main.css     | 24 +++++++++++++++++++++---
 templates/edit.html | 25 +++++++++++++++++++++----
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/static/main.css b/static/main.css
index 6cc1904..94a6e5c 100644
--- a/static/main.css
+++ b/static/main.css
@@ -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;
+}
+
diff --git a/templates/edit.html b/templates/edit.html
index 040b78a..39343c4 100644
--- a/templates/edit.html
+++ b/templates/edit.html
@@ -2,8 +2,25 @@
 {% block navigation %}
 {% endblock %}
 {% block content %}
-			<form action="{{ request.path }}" method="POST">
-				<input type="button" value="Cancel" />
-				<input type="submit" value="Submit" />
-			</form>
+			<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 %}