Ticket #3515

modules/base/general/template/css/main.css

@@ -195,6 +195,16 @@ div.bx-base-general-comments div.bx-base-general-comments-counter-holder {
 
     white-space: nowrap;
 }
+.sys-author ul.bx-menu-custom.bx-menu-custom-hor > li,
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
+    margin-left: 0.25rem;
+}
+.sys-author ul.bx-menu-custom.bx-menu-custom-hor > li:first-child,
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li:first-child,
+.sys-author ul.bx-menu-custom.bx-menu-custom-hor > .bx-menu-item-nl + li,
+.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > .bx-menu-item-nl + li {
+    margin-left: 0;
+}
 .sys-author ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl,
 .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor > li.bx-menu-item-nl {
     display: none;

modules/base/profile/template/css/main.css

@@ -120,6 +120,8 @@
 
 .bx-base-pofile-unit-with-cover .sys-author ul.bx-menu-custom.bx-menu-custom-hor,
 .bx-base-pofile-unit-with-cover .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-custom-hor {
+    -webkit-align-items: center;
+    align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
 }

template/connected_by_list.html

@@ -7,7 +7,7 @@
                         <div class="__style_prefix__-user-avatar bx-def-thumb-size">
                             __user_unit__
                         </div>
-                        <div class="__style_prefix__-user-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+                        <div class="__style_prefix__-user-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent bx-def-valign-center">
                             <div class="__style_prefix__-user-name bx-def-font-middle bx-def-font-light bx-def-font-grayed">
                                 <a href="__user_url__" class="__style_prefix__-user-name" title="__user_title__">__user_name__</a>
                             </div>

template/css/connection.css

@@ -13,8 +13,8 @@
     width: 1rem;
     height: 1rem;
 }
-.sys-action-counter-profile div.bx-def-unit-img, 
-.sys-action-counter-profile div.bx-def-unit-img img {
+.sys-action-counter-profiles .sys-action-counter-profile div.bx-def-unit-img, 
+.sys-action-counter-profiles .sys-action-counter-profile div.bx-def-unit-img img {
     display: block;
 }
 .sys-action-counter-profile div.bx-def-unit-img .bx-base-pofile-unit-thumb {
@@ -25,3 +25,22 @@
 .sys-action-counter-profile .bx-base-pofile-unit-online {
     display: none;
 }
+
+/*--- Connected By ---*/
+div.bx-conn-by-list {}
+div.bx-conn-by-list-cnt {}
+div.bx-conn-by-items {
+    max-height: 200px;
+    max-height: 12.5rem;
+    min-width: 220px;
+    min-width: 13.75rem;
+    overflow: auto;
+}
+div.bx-conn-user {
+    position: relative;
+}
+div.bx-conn-user-avatar {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}

template/scripts/BxBaseConnection.php

@@ -21,7 +21,7 @@ class BxBaseConnection extends BxDolConnection
     {
         parent::__construct($aObject);
         
-        $this->_sStylePrefix = 'bx_conn_' . $this->_sObject;
+        $this->_sStylePrefix = 'bx-conn';
         $this->_sJsObjName = 'oConn' . bx_gen_method_name($this->_sObject, array('_' , '-')) . '';
         $this->_oTemplate = BxDolTemplate::getInstance();
     }
@@ -61,7 +61,7 @@ class BxBaseConnection extends BxDolConnection
         if(empty($aParams))
             $aParams = [];
 
-        $this->_sStylePrefix = 'bx_conn_' . $this->_sObject;
+        $this->_sStylePrefix = 'bx-conn';
         
         $aHtmlIds = array(
             'main' => 'bx-conn-' . $this->_sObject . $iProfileId,