From e4874386061ce274f1e0b134b4c4072b1165ea28 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Sun, 22 Nov 2020 16:05:54 +0100
Subject: [PATCH] Better display of the create formular

---
 create.php    | 24 +++++++++++++++++-------
 css/style.css |  4 ++++
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/create.php b/create.php
index 201365e..d51feae 100644
--- a/create.php
+++ b/create.php
@@ -7,18 +7,28 @@ if (empty($_POST)) {
 ?>
 <div id="cloud_create">
 	<form method="post" action="create.php">
-		<label for="ftext">Description du nuage</label>
-		<input type="text" id="ftext" name="ftext" placeholder="Votre texte ici">
-		<label for="fduration">Durée de vie du nuage</label>
-		<select id="fduration" name="fduration">
+		<div class="cloud_create_element">
+			<label id="ftext_l" for="ftext">Description du nuage</label>
+			<textarea id="ftext" name="ftext" rows="3" cols="60" placeholder="Votre texte ici"></textarea>
+		</div>
+		<div class="cloud_create_element">
+			<label for="fduration">
+				<span title="Durée après laquelle le nuage sera supprimé">
+					Durée de vie du nuage
+				</span>
+			</label>
+			<select id="fduration" name="fduration">
 <?php
 	foreach (DataBase::OPTIONS_DURATION as $name => $duration) {
 		echo sprintf('<option valu="%s">%s</option>', $name, $name);
 	}
 ?>
-		</select>
-		<label for="fsize">Nombre de mots par entrée (entre 1 et 9)</label>
-		<input type="number" id="fsize" name="fsize" min="1" max="9">
+			</select>
+		</div>
+		<div class="cloud_create_element">
+			<label for="fsize">Nombre de mots maximum par entrée</label>
+			<input type="number" id="fsize" name="fsize" min="1" max="9">
+		</div>
 		<input type="submit" value="Créer">
 	</form>
 </div>
diff --git a/css/style.css b/css/style.css
index ff4d99f..9d35d03 100644
--- a/css/style.css
+++ b/css/style.css
@@ -98,3 +98,7 @@ footer, #page-wrap:after {
 .cloud_link {
 	margin-bottom: 1em;
 }
+
+#cloud_create #ftext_l{
+	vertical-align: top;
+}