feat: style send button

index.html

@@ -22,7 +22,7 @@
 
 <div id="input-panel-container">
 <div id="input-panel" class="rounded-rectangle">
-    <input id="textbox-input" type="text" onkeydown="pressSendButton()" placeholder="Veuillez demander-nous pour nous vous conseiller..."></input>
+    <input id="textbox-input" type="text" onkeydown="pressSendButton()" placeholder="Veuillez nous demander pour nous vous conseiller..."></input>
     <button onclick="pressSendButton()"><i class="fa fa-arrow-right" style="font-size:2em"></i></button>
 </div>
 </div>

sncf.json

@@ -8,6 +8,6 @@
     ],
     "messages":
     [
-        { "character": 1, "text": "Bonjour, moi je m'appelle SNCF Conrad et je vais vous aider aujourd'hui. Veuillez envoyer-moi vos questions." }
+        { "character": 1, "text": "Bonjour, moi je m'appelle SNCF Conrad et je vais vous aider aujourd'hui. Veuillez nous envoyer vos questions." }
     ]
 }

styles.css

@@ -219,10 +219,6 @@ li.message {
     outline: none;
 }
 
-#input-panel input::placerholder {
-    color: var(--bluewhite);
-}
-
 button {
     color: var(--vermilion);
     background-color: #00000000;
@@ -233,8 +229,8 @@ button {
 }
 
 button:hover {
-    color: var(--light-cyan);
+    color: var(--navy);
-    background-color: var(--onyx);
+    background-color: var(--sky);
 }
 
 #typing-indicator {
@@ -250,25 +246,11 @@ button:hover {
 }
 
 button {
-    background-color: var(--sky);
+    color: var(--bluewhite);
-    color: var(--bluegrey);
 
-    margin: 0.5em;
+    padding: 1em;
-    padding: 0;
-    flex-grow: 1;
     right: 0;
     font-size: 1em;
-    border-width: 3px;
-    border-style: none;
-}
-
-button:hover {
-    color: var(--bluewhite);
-    background-color: var(--bluegrey);
-    border-color: var(--bluegrey);
-    border-width: 3px;
-    padding: 0;
-    border-style: solid;
 }
 
 .message-status {