fixing some UI issues

- overlaying issue of tox and bitmessage fields
- hovering 'retransmit' and 'reply' links at indented replies

css/profile.css

@@ -193,9 +193,10 @@
     margin-top: 20px;
     height: 30px;
 }
-#toxbtnwr, #bmbtnwr {
+.profile-extra-contact {
     float: left;
     display: none;
+    margin-right: 35px;
 }
 .bitmessage-ctc, .tox-ctc {
     position: absolute;

css/style.css

@@ -1117,7 +1117,7 @@ ol.toptrends-list {
 {
     display: inline-block;
 }
-.post .sub-replies {
+.post-replies .sub-replies {
     border-left: solid 3px #E34F42;
     margin-left: 2px;
 }

following.html

@@ -359,10 +359,10 @@
               </div>
               <div class="profile-bio"></div>
               <div id="msngrswr">
-                <div id="toxbtnwr">
+                <div id="toxbtnwr" class="profile-extra-contact">
                   <a class="profile-tox"></a><a class="tox-ctc"></a>
                 </div>
-                <div id="bmbtnwr">
+                <div id="bmbtnwr" class="profile-extra-contact">
                   <a class="profile-bitmessage"></a><a class="bitmessage-ctc"></a>
                 </div>
               </div>

home.html

@@ -386,10 +386,10 @@
               </div>
               <div class="profile-bio"></div>
               <div id="msngrswr">
-                <div id="toxbtnwr">
+                <div id="toxbtnwr" class="profile-extra-contact">
                   <a class="profile-tox"></a><a class="tox-ctc"></a>
                 </div>
-                <div id="bmbtnwr">
+                <div id="bmbtnwr" class="profile-extra-contact">
                   <a class="profile-bitmessage"></a><a class="bitmessage-ctc"></a>
                 </div>
               </div>

js/mobile_abstract.js

@@ -375,10 +375,10 @@ var MAL = function()
             }
         } else {
             var $replist = $('<ol class="sub-replies"></ol>');
-            var $newli = $('<li class="post open related"></li>');
+            var $newli = $('<li class="post-replies"></li>');
             postLi.after($newli);
             $newli.append($replist);
-            for (var i = 0; i < postsFromJson.length; i++) {
+            for (var i = 0; i < postsFromJson.length && $.MAL.getExpandedPostsCount(postLi) < maxExpandPost; i++) {
                 var newStreamPost = postToElem(postsFromJson[i], "related");
                 newStreamPost.hide();
                 $replist.prepend(newStreamPost);
@@ -388,6 +388,14 @@ var MAL = function()
         }
         $.MAL.relatedPostLoaded();
     };
+
+    this.getExpandedPostsCount = function(postLi) {
+        if ($.hasOwnProperty('mobile')) {
+            return postLi.siblings().length;
+        } else {
+            return postLi.parents('.module.post.original.open').find('.post.related').length;
+        }
+    };
 }
 
 jQuery.MAL = new MAL;

js/twister_actions.js

@@ -42,7 +42,7 @@ function requestRepliedBefore(postLi)
 
 function requestRepliesAfter(postLi)
 {
-    if(postLi.parents('.module.post.original.open').find('.post.related').length >= maxExpandPost)
+    if($.MAL.getExpandedPostsCount(postLi) >= maxExpandPost)
         return;
 
     var originalPost = postLi.find(".post-data");

theme_calm/css/profile.css

@@ -257,9 +257,10 @@
     margin-top: 20px;
     height: 30px;
 }
-#toxbtnwr, #bmbtnwr {
+.profile-extra-contact {
     float: left;
     display: none;
+    margin-right: 35px;
 }
 .bitmessage-ctc, .tox-ctc {
     position: absolute;

theme_calm/css/style.css

@@ -1449,7 +1449,7 @@ textarea.splited-post {
 {
     display: inline-block;
 }
-.post .sub-replies {
+.post-replies .sub-replies {
     border-left: solid 3px #43464d;
     margin-left: 2px;
 }