From e22bd7a5885ccd2dae4e75197079c5b8a2a8e7f9 Mon Sep 17 00:00:00 2001
From: Bat <baptiste@gelez.xyz>
Date: Wed, 18 Jul 2018 14:14:57 +0200
Subject: [PATCH] Fix some issues with new form style

---
 static/main.css               | 48 ++++++++++++-----------------------
 templates/posts/new.html.tera |  3 ++-
 2 files changed, 18 insertions(+), 33 deletions(-)

diff --git a/static/main.css b/static/main.css
index 35f642c2..a256af45 100644
--- a/static/main.css
+++ b/static/main.css
@@ -311,11 +311,11 @@ main .article-meta .comments .list {
 
 label {
 	display: block;
-	margin: 1.5em auto;
+	margin: 2em auto 1em;
 	font-size: 1.2em;
-	text-align: center;
+	max-width: 40rem;
 }
-input {
+input, textarea {
 	transition: all 0.1s ease-in;
 	display: block;
 	width: 100%;
@@ -332,34 +332,22 @@ input {
 
 	font-size: 1.2em;
 	font-weight: 400;
-	text-align: center;
 }
 form input[type="submit"] { margin: 2em auto; }
-input:focus {
+input:focus, textarea:focus {
 	background: #FAFAFA;
 	border-color: #7765E3;
 }
 
 textarea {
-	display: block;
-	width: 100%;
-	max-width: 40rem;
-	min-height: 4em;
-	margin: auto;
-	padding: 1em;
-	box-sizing: border-box;
-
-	background: #ECECEC;
-	color: #242424;
-	border: none;
-	resize: vertical;
-
-	font-family: "Lora", serif;
-	font-size: 1.1em;
-	line-height: 1.5em;
-	text-align: justify;
+ 	resize: vertical;
+ 
+ 	font-family: "Lora", serif;
+ 	font-size: 1.1em;
+ 	line-height: 1.5em;
+ 	text-align: justify;
 }
-
+ 
 /* Button & Submit */
 
 .button, input[type="submit"], button {
@@ -376,8 +364,7 @@ textarea {
 
 	cursor: pointer;
 }
-input[type="submit"]
-{ display: block; }
+input[type="submit"] { display: block; }
 .button:hover, input[type="submit"]:hover {
 	background: #7765E399;
 	color: white;
@@ -399,14 +386,12 @@ form.new-post .title {
 	text-align: left;
 }
 form.new-post textarea {
-	min-height: 8em;
-	padding: 0;
-	background: none;
+	min-height: 20em;
 }
 form.new-post input[type="submit"] {
-	transition: all 0.2s ease;
+	/*transition: all 0.2s ease;
 	display: block;
-	margin: 1em auto;
+	margin: 1em auto;*/
 
 	background: #ECECEC;
 	color: #242424;
@@ -415,8 +400,7 @@ form.new-post input[type="submit"] {
 	font-family: "Playfair Display", serif;
 	font-size: 1.5em;
 }
-form.new-post input[type="submit"]:hover
-{ background: #DADADA; }
+form.new-post input[type="submit"]:hover { background: #DADADA; }
 
 /*
  * == User ==
diff --git a/templates/posts/new.html.tera b/templates/posts/new.html.tera
index 335e2396..f42f2e15 100644
--- a/templates/posts/new.html.tera
+++ b/templates/posts/new.html.tera
@@ -16,7 +16,8 @@
         {% endfor %}
     {% endif %}
 
-    <textarea id="content" name="content" placeholder="{{ "Content" | _ }}" value="{{ form.content | default(value="") }}"></textarea>
+    <label for="content">{{ "Content" | _ }}</label>
+    <textarea id="content" name="content" value="{{ form.content | default(value="") }}"></textarea>
 
     {{ macros::input(name="license", label="License", errors=errors, form=form) }}