Improve positioning in Ring Gauge and Clock Gauge

[Manahil-Afzal]

This PR refines text placement in the Ring Gauge and Clock Gauge examples to improve visual clarity during dynamic updates.

Before:
. Text labels and values appeared too close to surrounding gauge elements
. Reduced readability when values updated or multiple gauge layers were active

After:
. Adjusted offsetCenter values for titles and details
. Text maintains clear spacing from gauge rings, hands, and anchors
. Layout remains stable during animations and live updates

Changes Made:
=> Reviewed Ring Gauge and Clock Gauge layouts during runtime updates
=> Fine-tuned text positioning using offsetCenter
=> Verified behavior across value changes without altering design intent

[Ovilia]

You should also run node tool/build-example.js --pattern gauge-ring and clock to generate the thumbnail and commit. Please don't include other thumbnails other than this example.

[Manahil-Afzal]

Ovilia am confusing that what u actually want? this changing Code should be remains same which i update if i run this command then nothing is happening on local site PLease elaborate this

…

On Thu, Jan 29, 2026 at 9:38 PM Ovilia ***@***.***> wrote: ***@***.**** requested changes on this pull request. You should also run node tool/build-example.js --pattern gauge-ring and clock to generate the thumbnail and commit. Please don't include other thumbnails other than this example. — Reply to this email directly, view it on GitHub <#140 (review)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BRR7QWFPE2DYKUU7YJDOO2D4JLU4JAVCNFSM6AAAAACSOFQM6SVHI2DSMVQWIX3LMV43YUDVNRWFEZLROVSXG5CSMV3GSZLXHMZTOMRWGQ2DAOBRG4> . You are receiving this because you authored the thread.Message ID: ***@***.***>