style

index.html

@@ -62,12 +62,17 @@ body > main {
     content: "😸 ";
 }
 
+#question {
+    padding-right: 2rem;
+}
+
 #bouton_reconnaissance_vocale {
+    position: absolute;
+    right: 0;
+    width: 2rem;
+    height: 100%;
     padding-left: 0;
     padding-right: 0.5rem;
-    width: 3rem;
-    margin-left: 0;
-    margin-left: -3rem;
     border: none;
     z-index: 10;
 }
@@ -77,7 +82,7 @@ body > main {
 }
 
 #bouton_envoyer {
-    padding: 1.5rem;
+    padding: 1rem;
 }
 
 @media print {
@@ -101,9 +106,11 @@ body > main {
         </main>
         <footer class="container">
             <form id="formulaire" action="question.php" method="post" role="group">
+                <fieldset role="group">
                     <textarea id="question" name="question" placeholder="Ma question" required></textarea>
                     <button id="bouton_reconnaissance_vocale" type="button" class="outline secondary" style="display: none;">🎙️</button>
-                <button id="bouton_envoyer" type="submit">?</button>
+                </fieldset>
+                <button id="bouton_envoyer" type="submit">❔</button>
             </form>
         </footer>
         <dialog id="boite_synthese_vocale">