Bug 1137105 - Entering a reply to a question sometimes takes two presses to send

app/css/question.css

@@ -30,9 +30,17 @@
     text-align: center;
     width: 64px;
 }
-.QuestionSubmitButton::before {
-    line-height: 36px;
+.QuestionSubmitButton-click-area {
+  bottom: -5px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: -5px;
 }
+.QuestionSubmitButton-click-area::before {
+    line-height: 45px;
+}
+
 .StartAskingMessage {
     align-items: center;
     color: #4d4d4d;

app/question.html

@@ -54,7 +54,9 @@
       <footer class="QuestionFooter">
         <form id="question_form" class="hbox">
           <textarea id="question_field" class="QuestionField" rows="1" placeholder="Write your message&hellip;"></textarea>
-          <a href="#" role="button" id="question_submit_button" class="QuestionSubmitButton vbox" data-icon="send"></a>
+          <div class="QuestionSubmitButton">
+            <a href="#" role="button" data-icon="send" id="question_submit_button" class="QuestionSubmitButton-click-area"></a>
+          </div>
         </form>
         <div id="sign-in-link" class="SignInLink hide">
           <a href="authentication.html" data-modal="true" class="bb-button recommend">Sign in to reply</a>