change

wwwroot/platform/analytics/components/reportbuilder/reportbuilder.template.js

@@ -47,10 +47,10 @@ var Unibase;
                     loadToolTipColumn(ColumnId, AliasName, DataType, DisplayText) {
                         let tooltipHtml = `<div class="dsl-block datagroup inline-edit" id="dsl_tool_column_${AliasName}">
                                             <span>
-												<i class="las la-braille dragger"></i>
-                                            <div class="dsl-block-name">
+												<i class="las la-braille dragger hidden"></i>
+                                            <div class="dsl-block-name position-relative flex-grow-1 mw-100">
                                             <input type="text" id="txttooltipedit" required="required" value="${DisplayText}" class="edit text-truncate" disabled>
-                                            <button type="reset" title="Click me to clear the input field" class="reset-text font-18 hidden" onclick ="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().toolTipEdit('${AliasName}')">&times;</button>
+                                            <button type="reset" title="Click me to clear the input field" class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-20 reset-text hidden reset-text hidden" onclick ="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().toolTipEdit('${AliasName}')"><span class="btn-icon-wrap"><i class="icon dripicons-cross"></i></span></button>
                                             </div>
                                                 </span>
                                                 <span>

wwwroot/platform/analytics/components/reportbuilder/style.reportbuilder.css

@@ -130,11 +130,6 @@
 
 /*Tooltip text clear btn*/
 
-#tooltip_selected_columns .dsl-block-name {
-    position: relative;
-    width: 400px;
-}
-
     #tooltip_selected_columns .dsl-block-name input {
         width: 100%;
         background: transparent;
@@ -165,13 +160,12 @@
 
     #tooltip_selected_columns .dsl-block-name button[type="reset"] {
         position: absolute;
-        top: 2px;
-        bottom: 2px;
-        right: 2px;
+        top: 50%;
+        transform: translateY(-50%);
+        right: 4px;
         color: #666;
         border: 0;
         display: none;
-        padding: 0 4px;
         border-radius: 50%;
         transition: background 200ms;
         background: transparent;