Ticket #4098 - Timeline: Issues with snippet menu in timeline/outline cards in Lucid template.

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

@@ -326,7 +326,7 @@ div.bx-tl-item div.bx-tl-item-owner {
 }
 
 div.bx-tl-item div.bx-tl-item-owner.bx-tl-io-with-actions div.bx-tl-owner-info {
-    margin-right: 2.5rem;
+    margin-right: 2.0rem;
 }
 
 div.bx-tl-item div.bx-tl-owner-name {
@@ -393,11 +393,8 @@ div.bx-tl-item div.bx-tl-owner-name .bx-tl-hot .sys-icon {
     text-align: left;
 }
 .bx-tl-item-meta ul.bx-menu-custom.bx-menu-custom-hor {
-    position: relative;
-    display: inline-block;
-}
-.bx-tl-item-meta ul.bx-menu-custom.bx-menu-custom-hor > li {
-    vertical-align: top;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
 }
 .bx-tl-item-meta ul.bx-menu-custom.bx-menu-custom-hor > li > span {
     margin-right: 0;
@@ -700,10 +697,6 @@ div.bx-tl-view-timeline div.bx-tl-item-circle .sys-icon {
 div.bx-tl-view-outline div.bx-tl-item {
 	position: relative;
 }
-div.bx-tl-view-outline div.bx-tl-item div.bx-tl-item-owner.bx-tl-io-with-actions div.bx-tl-owner-info {
-    margin-right: 48px;
-    margin-right: 3.0rem;
-}
 div.bx-tl-view-outline div.bx-tl-item-ind {
 	position: relative;
 }

modules/boonex/timeline/template/item_outline.html

@@ -14,7 +14,7 @@
                 <div class="__style_prefix__-in-divider bx-def-hr bx-def-margin-sec-topbottom"></div>
             </bx_if:show_note>
             <div class="__style_prefix__-item-owner relative flex items-center mx-4 __class_owner__"> 
-                <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
+                <div class="__style_prefix__-owner-avatar bx-def-thumb-size flex-shrink-0">__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">
                     <div class="__style_prefix__-owner-name bx-def-font-middle bx-def-font-grayed">
                         <a href="__item_owner_url__" class="__style_prefix__-owner-name" title="__item_owner_title__">__item_owner_name__</a>

modules/boonex/timeline/template/item_timeline.html

@@ -13,7 +13,7 @@
             <div class="__style_prefix__-in-divider bx-def-hr bx-def-margin-topbottom"></div>
         </bx_if:show_note>
         <div class="__style_prefix__-item-owner relative flex items-center mx-4 __class_owner__"> 
-            <div class="__style_prefix__-owner-avatar bx-def-thumb-size">__item_owner_unit__</div>
+            <div class="__style_prefix__-owner-avatar bx-def-thumb-size flex-shrink-0">__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">
                 <div class="__style_prefix__-owner-name bx-def-font-middle bx-def-font-grayed">
                     <a href="__item_owner_url__" class="__style_prefix__-owner-name" title="__item_owner_title__">__item_owner_name__</a> 

template/css/media-tablet.css

@@ -33,7 +33,6 @@ html.bx-media-tablet {
 
 
 /* default.css */
-
 .bx-media-tablet .bx-def-page-width {
     width:auto;
 }
@@ -41,14 +40,3 @@ html.bx-media-tablet {
 .bx-media-tablet .bx-pt-application .bx-main-content.bx-def-page-width {
     width: 100%;
 }
-
-/* page layouts */
-.bx-media-tablet .bx-layout-wrapper.bx-layout-top-area-bcb .bx-layout-col {
-    float:none !important;
-    width:auto !important;
-}
-.bx-media-tablet .bx-layout-wrapper.bx-layout-top-area-bcb .bx-layout-col .bx-layout-cell {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
-