From 708ec0587233ad0f1e1bbababd89aac41ee852a5 Mon Sep 17 00:00:00 2001
From: iandunn <iandunn@git.wordpress.org>
Date: Wed, 2 May 2018 22:00:49 +0000
Subject: [PATCH] Comments: Move comment consent `input` outside the `label`
 for a11y.

Non-wrapping `label`s are more widely supported by assitive technologies. The CSS changes account for the element re-ordering, and tweak the formatting for improved readability.

Props afercia, xkon, laurelfulford, azaozz.
Fixes #43436.

Built from https://develop.svn.wordpress.org/trunk@43125


git-svn-id: http://core.svn.wordpress.org/trunk@42954 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 rtl.css   | 3 +++
 style.css | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/rtl.css b/rtl.css
index 45740f2d5..e43fca3ba 100644
--- a/rtl.css
+++ b/rtl.css
@@ -134,6 +134,9 @@ label ~ span.required {
 	margin: -18px -16px 0 0;
 	margin: -1.285714286rem -1.142857143rem 0 0;
 }
+#respond #wp-comment-cookies-consent {
+	margin: 0 0 0 10px;
+}
 
 
 /* =Front page template styling
diff --git a/style.css b/style.css
index 6f1253999..0c0141da4 100644
--- a/style.css
+++ b/style.css
@@ -1360,6 +1360,12 @@ a.comment-edit-link:hover {
 	line-height: 2;
 	color: #5e5e5e;
 }
+#respond #wp-comment-cookies-consent {
+	margin: 0 10px 0 0;
+}
+#respond .comment-form-cookies-consent label {
+	display: inline;
+}
 .required {
 	color: red;
 }