Update components layout, DoneStatesPopup (#906)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

packages/ui/src/components/TooltipInstance.svelte

@@ -145,8 +145,8 @@
   <clipPath id="nub-border"><path d="M4.8 5.1 8 1.3s.1 0 .1-.1c.5-.3 1.4-.3 1.9.1L13.1 5l.1.1 1.2.9H18c-1.5 0-2.9-.6-4.2-1.7L10.7.6C9.9-.1 8.5-.2 7.5.4c0 .1-.1.1-.2.2L4.2 4.3C2.9 5.4 1.5 6 0 6h3.6l1.2-.9z" /></clipPath>
 </svg>
 {#if $tooltip.component}
-  <div class="popup" bind:clientWidth={clWidth} bind:this={tooltipHTML}>
-    {#if $tooltip.label}<div class="header"><Label label={$tooltip.label} /></div>{/if}
+  <div class="popup-tooltip" bind:clientWidth={clWidth} bind:this={tooltipHTML}>
+    {#if $tooltip.label}<div class="fs-title mb-4"><Label label={$tooltip.label} /></div>{/if}
     <svelte:component this={$tooltip.component} {...$tooltip.props} />
   </div>
   <div bind:this={nubHTML} class="nub {nubDirection ?? ''}" />
@@ -157,14 +157,7 @@
 {/if}
 
 <style lang="scss">
-  .header {
-    margin-bottom: 1.5rem;
-    font-weight: 500;
-    font-size: 1rem;
-    color: var(--theme-caption-color);
-  }
-
-  .popup {
+  .popup-tooltip {
     overflow: hidden;
     position: fixed;
     display: flex;