fix: use pixel-sized info and detach buttons instead of normalized

Info (i) and detach (^) buttons now use fixed 24x24 pixel sizing
anchored to the top-right of the widget panel. Previously they used
normalized 0.08x0.08 which became unreadably small on short panels
like KPI widgets and collapsed groups.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: HanSur94

libs/Dashboard/DashboardLayout.m

@@ -538,18 +538,19 @@ function addInfoIcon(obj, widget)
             end
             iconBg = theme.ToolbarBackground;
             iconFg = theme.ToolbarFontColor;
-            uicontrol('Parent', widget.hPanel, ...
+            btn = uicontrol('Parent', widget.hPanel, ...
                 'Style', 'pushbutton', ...
                 'String', 'i', ...
-                'Units', 'normalized', ...
-                'Position', [0.90 0.90 0.08 0.08], ...
+                'Units', 'pixels', ...
+                'Position', [0 0 24 24], ...
                 'FontSize', 9, ...
                 'FontWeight', 'bold', ...
                 'ForegroundColor', iconFg, ...
                 'BackgroundColor', iconBg, ...
                 'Tag', 'InfoIconButton', ...
                 'TooltipString', 'Widget info', ...
                 'Callback', @(~,~) obj.openInfoPopup(widget, theme));
+            DashboardLayout.anchorTopRight(btn, 4);
         end
 
         function addDetachButton(obj, widget)
@@ -559,22 +560,40 @@ function addDetachButton(obj, widget)
             else
                 theme = widget.ParentTheme;
             end
-            uicontrol('Parent', widget.hPanel, ...
+            btn = uicontrol('Parent', widget.hPanel, ...
                 'Style', 'pushbutton', ...
                 'String', '^', ...
-                'Units', 'normalized', ...
-                'Position', [0.82 0.90 0.08 0.08], ...
+                'Units', 'pixels', ...
+                'Position', [0 0 24 24], ...
                 'FontSize', 9, ...
                 'ForegroundColor', theme.ToolbarFontColor, ...
                 'BackgroundColor', theme.ToolbarBackground, ...
                 'Tag', 'DetachButton', ...
                 'TooltipString', 'Detach widget', ...
                 'Callback', @(~,~) obj.DetachCallback(widget));
+            DashboardLayout.anchorTopRight(btn, 32);
         end
     end
 
     methods (Static, Access = private)
 
+        function anchorTopRight(btn, offsetFromRight)
+        %ANCHORTOPRIGHT Position a pixel-sized button at the top-right of its parent.
+        %   anchorTopRight(btn, offsetFromRight) places btn at the top-right corner
+        %   of its parent, inset by offsetFromRight pixels from the right edge.
+            parent = get(btn, 'Parent');
+            oldUnits = get(parent, 'Units');
+            set(parent, 'Units', 'pixels');
+            pp = get(parent, 'Position');
+            set(parent, 'Units', oldUnits);
+            btnPos = get(btn, 'Position');
+            btnW = btnPos(3);
+            btnH = btnPos(4);
+            x = pp(3) - offsetFromRight;
+            y = pp(4) - btnH - 4;
+            set(btn, 'Position', [x y btnW btnH]);
+        end
+
         function plain = stripHtmlTags(html)
         %STRIPHTMLTAGS Remove HTML tags and decode basic HTML entities.
         %   plain = DashboardLayout.stripHtmlTags(html) removes all <tag> and </tag>