From c2fb7f5a6a144b1fc6feebe980f0ca35f027888d Mon Sep 17 00:00:00 2001
From: Lance Willett <nanobar@gmail.com>
Date: Tue, 23 Apr 2013 23:10:00 +0000
Subject: [PATCH] Twenty Thirteen: avoid setting absolute positioning and a
 magic height number for child comments. This allows for a more flexible
 layout. Props obenland, fixes #24172.

git-svn-id: http://core.svn.wordpress.org/trunk@24074 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 wp-content/themes/twentythirteen/rtl.css   |  6 ++----
 wp-content/themes/twentythirteen/style.css | 19 ++++++++++---------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/wp-content/themes/twentythirteen/rtl.css b/wp-content/themes/twentythirteen/rtl.css
index 4d1494e3cd..fffd653f54 100644
--- a/wp-content/themes/twentythirteen/rtl.css
+++ b/wp-content/themes/twentythirteen/rtl.css
@@ -589,13 +589,11 @@ div.nav-menu > ul {
 }
 
 .comment-author {
+	float: right;
 	margin-left: 50px;
 	margin-right: auto;
-	left: auto;
-	right: 0;
 }
 
-
 .bypostauthor .fn:before {
 	content: normal;
 	vertical-align: inherit;
@@ -611,7 +609,7 @@ div.nav-menu > ul {
 	margin-right: 20px;
 }
 
-.comment-meta,
+.comment-metadata,
 .comment-content,
 .reply {
 	float: left;
diff --git a/wp-content/themes/twentythirteen/style.css b/wp-content/themes/twentythirteen/style.css
index edb5de6e21..d9c22f127d 100644
--- a/wp-content/themes/twentythirteen/style.css
+++ b/wp-content/themes/twentythirteen/style.css
@@ -2289,9 +2289,8 @@ footer.entry-meta {
 }
 
 .comment-author {
+	float: left;
 	max-width: 74px;
-	position: absolute;
-	left: 0;
 }
 
 .comment-author .avatar {
@@ -2318,7 +2317,7 @@ footer.entry-meta {
 	position: relative;
 }
 
-.no-avatars .comment-meta,
+.no-avatars .comment-metadata,
 .no-avatars .comment-content,
 .no-avatars .reply {
 	width: 100%;
@@ -2333,7 +2332,7 @@ footer.entry-meta {
 	margin-left: 20px;
 }
 
-.comment-meta,
+.comment-metadata,
 .comment-content,
 .reply {
 	float: right;
@@ -2346,13 +2345,16 @@ footer.entry-meta {
 .comment-meta a {
 	color: #a2a2a2;
 	font-size: 13px;
-	margin-bottom: 20px;
 }
 
 .comment-meta a:hover {
 	color: #ea9629;
 }
 
+.comment-metadata {
+	margin-bottom: 20px;
+}
+
 .ping-meta {
 	color: #a2a2a2;
 	font-size: 13px;
@@ -3078,7 +3080,7 @@ footer.entry-meta {
 		max-width: 100%;
 	}
 
-	.comment-meta,
+	.comment-metadata,
 	.comment-content,
 	.reply {
 		width: 70%;
@@ -3166,7 +3168,6 @@ footer.entry-meta {
 	.comment-author {
 		margin: 0 0 5px;
 		max-width: 100%;
-		position: relative;
 	}
 
 	.comment-author .avatar {
@@ -3175,7 +3176,7 @@ footer.entry-meta {
 		max-width: 20px;
 	}
 
-	.comment-meta,
+	.comment-metadata,
 	.comment-content,
 	.reply {
 		width: 100%;
@@ -3304,7 +3305,7 @@ footer.entry-meta {
 		width: auto;
 	}
 
-	.comment-meta {
+	.comment-metadata {
 		float: none;
 	}