Editor: Improve spacing and alignment of visibility controls.

Adds vertical spacing for visibility sub-controls and aligns the element border to the text line to decrease visual complexity.

Props poligilad, tuzla, fcoveram, joedolson.
Fixes #65530.

git-svn-id: https://develop.svn.wordpress.org/trunk@62605 602fd350-edb4-49c9-b593-d223f7449a82

Author: joedolson

src/wp-admin/css/edit.css

@@ -712,6 +712,45 @@ form#tags-filter {
 	margin-top: 3px;
 }
 
+#post-visibility-select {
+	--post-visibility-control-gap: 3px;
+
+	margin-left: var(--post-visibility-control-gap);
+}
+
+#post-visibility-select input#post_password {
+	box-sizing: border-box;
+	width: 100%;
+	margin-top: 3px;
+}
+
+#post-visibility-select input[type="radio"],
+#post-visibility-select input#sticky {
+	margin-top: 2px;
+	margin-right: var(--post-visibility-control-gap);
+	margin-bottom: 5px;
+	vertical-align: middle;
+}
+
+#post-visibility-select #sticky-span,
+#post-visibility-select #password-span {
+	display: block;
+	margin-left: calc(1rem + var(--post-visibility-control-gap) + 0.25em);
+	margin-top: 2px;
+}
+
+#post-visibility-select #sticky-span {
+	margin-bottom: 2px;
+}
+
+#post-visibility-select #password-span {
+	margin-bottom: 6px;
+}
+
+#post-visibility-select p {
+	margin: 12px 0 0;
+}
+
 #linksubmitdiv .inside, /* Old Link Manager back-compat. */
 #poststuff #submitdiv .inside {
 	margin: 0;
@@ -1894,6 +1933,10 @@ table.links-table {
 		line-height: 280%;
 	}
 
+	#post-visibility-select #password-span {
+		line-height: 1.5;
+	}
+
 	.wp-core-ui .save-post-visibility,
 	.wp-core-ui .save-timestamp {
 		vertical-align: middle;