From d54fa51a6d4c11ba04ec1fb26825358fdc9c0e5d Mon Sep 17 00:00:00 2001
From: Matthieu <madeorsk@protonmail.com>
Date: Sat, 30 Jun 2018 15:21:05 +0200
Subject: [PATCH] New forms style

---
 static/main.css | 36 ++++++++++++++++++++++++++++--------
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/static/main.css b/static/main.css
index 5f218a57..99a13a69 100644
--- a/static/main.css
+++ b/static/main.css
@@ -237,6 +237,11 @@ main .article-meta .comments > * { margin-left: 20%; margin-right: 20%; }
 	font-weight: 600;
 }
 
+/* New comment */
+
+main .article-meta .comments form input[type="submit"]
+{ font-size: 1em; }
+
 /* Comment / Respond button */
 
 main .article-meta .comments a.button:before {
@@ -309,30 +314,39 @@ main .article-meta .comments .list {
 
 label {
 	display: block;
-	margin: 1em 0;
+	margin: 1.5em auto;
+	font-size: 1.2em;
+	text-align: center;
 }
 input {
 	transition: all 0.1s ease-in;
 	display: block;
 	width: 100%;
-	margin: auto auto 5em;
-	padding: 0.5em;
+	max-width: 40rem;
+	margin: auto;
+	padding: 1em;
 	box-sizing: border-box;
 
 	background: #F4F4F4;
 	color: #242424;
 	border: none;
-	border-bottom: solid #DADADA 2px;
+	border: solid #DADADA thin;
+	border-radius: 0.5em;
+
+	font-size: 1.2em;
+	font-weight: 400;
+	text-align: center;
 }
 form input[type="submit"] { margin: 2em auto; }
 input:focus {
 	background: #FAFAFA;
-	border-bottom-color: #7765E3;
+	border-color: #7765E3;
 }
 
 textarea {
 	display: block;
 	width: 100%;
+	max-width: 40rem;
 	min-height: 4em;
 	margin: auto;
 	padding: 1em;
@@ -356,7 +370,7 @@ textarea {
 	display: inline-block;
 
 	border-radius: 0.5em;
-	margin: 0.5em 0;
+	margin: 0.5em auto;
 	padding: 0.75em 1em;
 
 	background: transparent;
@@ -365,6 +379,8 @@ textarea {
 
 	cursor: pointer;
 }
+input[type="submit"]
+{ display: block; }
 .button:hover, input[type="submit"]:hover {
 	background: #7765E399;
 	color: white;
@@ -375,6 +391,7 @@ textarea {
  */
 
 form.new-post .title {
+	margin: 0 auto;
 	padding: 0.75em 0;
 
 	background: none;
@@ -382,6 +399,7 @@ form.new-post .title {
 
 	font-family: "Playfair Display", serif;
 	font-size: 2em;
+	text-align: left;
 }
 form.new-post textarea {
 	min-height: 8em;
@@ -389,17 +407,19 @@ form.new-post textarea {
 	background: none;
 }
 form.new-post input[type="submit"] {
+	transition: all 0.2s ease;
 	display: block;
 	margin: 1em auto;
-	width: 60%;
 
-	background: #DADADA;
+	background: #ECECEC;
 	color: #242424;
 	border: none;
 
 	font-family: "Playfair Display", serif;
 	font-size: 1.5em;
 }
+form.new-post input[type="submit"]:hover
+{ background: #DADADA; }
 
 /*
  * == User ==