From 4a6b039fa974e2df5b7062ee3079873f33c3949a Mon Sep 17 00:00:00 2001
From: Yannick Francois <yaf@elsif.fr>
Date: Tue, 19 Mar 2019 14:09:21 +0100
Subject: [PATCH] =?UTF-8?q?propose=20un=20champe=20vide=20par=20d=C3=A9fau?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/parametres.html | 2 +-
 public/script.js       | 2 +-
 public/style.css       | 8 +++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/parametres.html b/public/parametres.html
index b24d974a..44c74b70 100644
--- a/public/parametres.html
+++ b/public/parametres.html
@@ -19,7 +19,7 @@
 
     <section>
       <p>
-      Je m'appelle <input type="text" name="name" id="name" value="Henri" class="nfl-textfield">
+      Je m'appelle <input type="text" name="name" id="name" value="" class="nfl-textfield">
       et le titre de ce sondage
       <select id="type_sondage">
         <option>classique</option>
diff --git a/public/script.js b/public/script.js
index 9c6c9a8e..887309c1 100644
--- a/public/script.js
+++ b/public/script.js
@@ -12,7 +12,7 @@ const debugStorage = () => {
 
 const useTextInsteadOfInputFor = (textField) => {
   let $name = $(`#${textField.name}`);
-  $name.outerHTML = `<span id="${textField.name}" class="toggle-field">${$name.getAttribute('value')}</span>`;
+  $name.outerHTML = `<span id="${textField.name}" class="champ-vide-long toggle-field">${$name.getAttribute('value')}</span>`;
   return textField;
 }
 
diff --git a/public/style.css b/public/style.css
index 61e4b9c5..358a632b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -43,6 +43,12 @@ button:hover,
   text-decoration: none;
 }
 
+.champ-vide-long {
+  min-width: 100px;
+  display: inline-block;
+  height: 20px;
+}
+
 .btn.btn-primary {
   color: #fff;
   background-color: #4a90e2;
@@ -192,4 +198,4 @@ a {
 }
 a:hover {
   color: #4a90e2;
-}
\ No newline at end of file
+}