Fix message dates in public share authentication page

The chat messages are expected to have the full width of its content
row, except for some space used for the date. However, as chat messages
are left padded that padding must be included too in the width;
otherwise there could be no room for the date.

This is only a problem in the public share authentication page, as apps
use by default "box-sizing: border-box" in all its elements.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

1 files changed, 6 insertions, 0 deletions

diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss
index 9824459af..2e5cee455 100644
--- a/css/publicshareauth.scss
+++ b/css/publicshareauth.scss
@@ -216,6 +216,12 @@ input#request-password-button:disabled ~ .icon {
 	margin-top: 0;
 }
 
+#talk-sidebar #chatView .comments .message {
+	/* The messages are left padded, but they also use "width: calc(100%...", so
+	 * the padding should be included in the full width of the element. */
+	box-sizing: border-box;
+}
+
 #talk-sidebar #chatView .newCommentForm.with-add-button {
 	/* Make room to show the "Add" button if needed. */
 	margin-right: 44px;