From c65042099f499bfbc16de62f306ae60e70b6f70e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Thu, 6 Sep 2018 18:09:47 +0200 Subject: [PATCH] Prevent comment being composed from overlapping the submit button MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The submit button is placed in the text area using absolute positioning, so it is not taken into account when calculating the text layout. Due to this it is necessary to add an explicit padding to the right of the text area to prevent the text from overlapping the submit button. Signed-off-by: Daniel Calviño Sánchez --- apps/comments/css/comments.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/apps/comments/css/comments.scss b/apps/comments/css/comments.scss index e3e5a21032..84d328ca6f 100644 --- a/apps/comments/css/comments.scss +++ b/apps/comments/css/comments.scss @@ -22,6 +22,9 @@ padding: 10px; min-height: 44px; margin: 0; + + /* Prevent the text from overlapping with the submit button. */ + padding-right: 30px; } #commentsTabView .newCommentForm {