#1 - layout improvements.

modules/boonex/english/data/langs/system.xml

@@ -1304,12 +1304,13 @@
 	<string name="_cmt_load_more_replies_head"><![CDATA[See newer replies...]]></string>
 	<string name="_cmt_load_more_replies_tail"><![CDATA[See older replies...]]></string>
 	<string name="_cmt_load_more_replies_popular"><![CDATA[See more replies...]]></string>
+	<string name="_cmt_replied_by"><![CDATA[by]]></string>
 	<string name="_copyright"><![CDATA[&copy; {0} Company]]></string>
 	<string name="_delete"><![CDATA[delete]]></string>
 	<string name="_error occured"><![CDATA[Error occurred]]></string>
 	<string name="_from"><![CDATA[from]]></string>
 	<string name="_hidden_comment"><![CDATA[Comment by <b>{0}</b> is hidden.]]></string>
-	<string name="_in_reply_to"><![CDATA[to]]></string>
+	<string name="_in_reply_to"><![CDATA[In reply to {0}]]></string>
 	<string name="_item"><![CDATA[item]]></string>
 	<string name="_items"><![CDATA[items]]></string>
 	<string name="_member_banned"><![CDATA[Sorry, you've been banned]]></string>

modules/boonex/ocean/data/template/system/css/cmts.css

@@ -1,5 +1,5 @@
 @import url(../../../../../../../template/css/cmts.css);
 
-div.cmt-head div.cmt-username {
+div.cmt-head .cmt-username {
 	font-weight: bold;
 }

template/comment.html

@@ -12,15 +12,15 @@
 		</div>
 		<div class="__style_prefix__-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
 			<div class="__style_prefix__-head bx-clearfix">
-				<div class="__style_prefix__-username">
-					<bx_if:show_author_link><a href="__author_link__">__author_name__</a> </bx_if:show_author_link>
-					<bx_if:show_author_text>__author_name__ </bx_if:show_author_text>
-				</div>
 				<bx_if:show_reply_to>
-					<div class="__style_prefix__-reply-to">
-						<span class="bx-def-font-grayed"><bx_text:_in_reply_to />&nbsp;</span><a href="__par_cmt_link__">__par_cmt_author__</a>
-					</div>
+					<span class="__style_prefix__-reply-to">
+						<a href="__par_cmt_link__" title="__par_cmt_title__"><i class="sys-icon reply"></i></a>&nbsp;<bx_text:_cmt_replied_by />
+					</span>
 				</bx_if:show_reply_to>
+				<span class="__style_prefix__-username">
+					<bx_if:show_author_link><a href="__author_link__" title="__author_title__">__author_name__</a> </bx_if:show_author_link>
+					<bx_if:show_author_text>__author_name__ </bx_if:show_author_text>
+				</span>
 			</div>
 			<div class="__style_prefix__-subhead bx-def-font-small bx-clearfix">
 				<div class="__style_prefix__-ago">

template/css/cmts.css

@@ -91,17 +91,12 @@
     	background-color: rgb(255, 244, 213);
     	background-color: rgba(255, 234, 193, 0.5);
     }
-	div.cmt-head div.cmt-username,
-	div.cmt-head div.cmt-username,
-	div.cmt-head div.cmt-ago,
-	div.cmt-head div.cmt-reply-to,
-	div.cmt-head div.bullet {
-		display: inline-block;
-	}
-	div.cmt-head div.bullet {
-		padding: 0px;
+	div.cmt-head,
+	div.cmt-subhead {
+    	text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
 	}
-
     div.cmt-reply-to a.cmt-points span {
 		display: inline;
     	float: none;

template/scripts/BxBaseCmts.php

@@ -216,6 +216,7 @@ class BxBaseCmts extends BxDolCmts
             $aTmplReplyTo = array(
                 'style_prefix' => $this->_sStylePrefix,
                 'par_cmt_link' => $this->getBaseUrl() . '#' . $this->_sSystem . $aCmt['cmt_parent_id'],
+            	'par_cmt_title' => bx_html_attribute(_t('_in_reply_to', $sParAuthorName)),
                 'par_cmt_author' => $sParAuthorName
             );
         }
@@ -267,6 +268,7 @@ class BxBaseCmts extends BxDolCmts
                 'condition' => !empty($sAuthorLink),
                 'content' => array(
                     'author_link' => $sAuthorLink,
+            		'author_title' => bx_html_attribute($sAuthorName),
                     'author_name' => $sAuthorName
                 )
             ),