Ticket #3988 - Artificer template (part 5): Broken Timeline search results.

modules/boonex/timeline/template/css/view.css

@@ -329,24 +329,6 @@ div.bx-tl-item div.bx-tl-item-owner {
     text-align: left;
 }
 
-div.bx-tl-item div.bx-tl-owner-avatar {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-}
-
-div.bx-tl-item div.bx-tl-owner-info {
-    display: -webkit-flex;
-    display: flex;
-    -webkit-flex-direction: column;
-    flex-direction: column;
-    -webkit-align-items: flex-start;
-    align-items: flex-start;
-    -webkit-justify-content: center;
-    justify-content: center;
-    overflow: hidden;
-}
-
 div.bx-tl-item div.bx-tl-item-owner.bx-tl-io-with-actions div.bx-tl-owner-info {
     margin-right: 2.5rem;
 }

modules/boonex/timeline/template/item_search.html

@@ -1,8 +1,8 @@
 <div id="__html_id__" class="__style_prefix__-item __class__ bx-def-thumb-size-min-height bx-def-padding-bottom bx-clearfix">
     <div class="__style_prefix__-item-cnt bx-def-box bx-def-padding-topbottom bx-def-round-corners __class_content__">
-        <div class="__style_prefix__-item-owner bx-def-margin-leftright"> 
-            <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
-            <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height bx-def-thumb-size-left-indent">
+        <div class="__style_prefix__-item-owner flex items-start mx-4"> 
+            <div class="__style_prefix__-owner-avatar bx-def-thumb-size flex-none">__item_owner_unit__</div>
+            <div class="__style_prefix__-owner-info bx-def-thumb-size-min-height flex-auto flex flex-col items-start justify-center min-w-0 pl-2 lg:pl-4 overflow-hidden">
                 <bx_if:show_note>
                     <div class="__style_prefix__-item-notes bx-def-margin-thd-bottom">
                         <bx_repeat:notes>

template/comment.html

@@ -3,7 +3,7 @@
     <div class="__style_prefix__-cnt__class_cnt__ flex items-start">
         <div class="__style_prefix__-blink-plate"></div>
         <div class="__style_prefix__-avatar bx-def-thumb-size flex-none">__author_unit__</div>
-        <div class="__style_prefix__-info grow bx-def-thumb-size-min-height flex-auto min-w-0 pl-2 lg:pl-4">
+        <div class="__style_prefix__-info bx-def-thumb-size-min-height flex-auto min-w-0 pl-2 lg:pl-4">
             <bx_if:show_notes>
                 <div class="__style_prefix__-notes mb-1">
                     <bx_repeat:notes>

template/css/common.css

@@ -183,11 +183,11 @@ blockquote {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
 }
-.bx-db-container.bx-dbc-nopadding .bx-db-header {
+.bx-db-container.bx-dbc-nopadding > .bx-db-header {
     padding-left: 0;
     padding-right: 0;
 }
-.bx-db-container.bx-dbc-nobg .bx-db-divider {
+.bx-db-container.bx-dbc-nobg > .bx-db-divider {
     display: none;
 }
 .bx-db-title {