paddings

libs/remix-ui/helper/src/lib/components/custom-tooltip.tsx

@@ -8,7 +8,7 @@ export function CustomTooltip({ children, placement, tooltipId, tooltipClasses,
 
   if (typeof tooltipText !== 'string') {
     const newTooltipText = React.cloneElement(tooltipText, {
-      className: " bg-secondary text-wrap "
+      className: " bg-secondary text-wrap p-1 "
     })
     tooltipText = newTooltipText
   }
@@ -19,8 +19,8 @@ export function CustomTooltip({ children, placement, tooltipId, tooltipClasses,
         placement={placement}
         overlay={
           <Popover id={`popover-positioned-${placement}`}>
-            <Popover.Content id={!tooltipId ? `${tooltipText}Tooltip` : tooltipId} style={{minWidth: "fit-content"}} className={"text-wrap bg-secondary w-100" + tooltipClasses}>
+            <Popover.Content id={!tooltipId ? `${tooltipText}Tooltip` : tooltipId} style={{minWidth: "fit-content"}} className={"text-wrap p-1 bg-secondary w-100" + tooltipClasses}>
-              {typeof tooltipText === 'string' ? (<span className={"text-wrap bg-secondary p-1 " + {tooltipTextClasses}}>{tooltipText}</span>) : (tooltipText)}
+              {typeof tooltipText === 'string' ? (<span className={"text-wrap p-1 bg-secondary " + {tooltipTextClasses}}>{tooltipText}</span>) : (tooltipText)}
             </Popover.Content>
           </Popover>
         }

libs/remix-ui/panel/src/lib/plugins/panel-header.tsx

@@ -60,7 +60,6 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
           </div>
         </div>
       </div>
-      <div className="d-flex w-100 flex-row py-2"></div>
       <div className={`bg-light mx-3 mb-2 p-3 pt-1 border-bottom flex-column ${toggleExpander ? "d-flex" : "d-none"}`}>
         {plugin?.profile?.author && <span className="d-flex flex-row align-items-center">
           <label className="mb-0 pr-2"><FormattedMessage id='panel.author' />:</label>

libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx

@@ -86,8 +86,7 @@ const Icon = ({
   return (
     <>
       <CustomTooltip
-        placement={name === 'settings' ? 'right' : name === 'search' ? 'top' :
+        placement={name === 'settings' ? 'right' : name === 'search' ? 'top' : name === 'udapp' ? 'bottom' : "top"}
-          name === 'udapp' ? 'bottom' : "top"}
         tooltipText={title}
         delay={{ show: 1000, hide: 0 }}
       >