From 835f1a473b4fd845e81576f0bdf95d6788b945f4 Mon Sep 17 00:00:00 2001
From: Artem Belik <artyombelyk@gmail.com>
Date: Wed, 24 Jun 2026 16:29:17 +0300
Subject: [PATCH] fix(docs): live example reset button styles (#DS-5213)

---
 .../docs-live-example-viewer.html               |  7 +++----
 .../docs-live-example-viewer.scss               |  8 ++------
 .../docs-live-example-viewer.ts                 | 17 ++++++++---------
 3 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.html b/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.html
index c30fa7ee7a..fd400290a0 100644
--- a/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.html
+++ b/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.html
@@ -27,11 +27,10 @@
         <div class="layout-row layout-align-center-center">
             <button
                 kbq-button
-                class="docs-live-example-footer__reload-button"
-                [color]="'theme'"
-                [kbqStyle]="'transparent'"
+                color="theme"
+                kbqStyle="transparent"
+                kbqPlacement="bottom"
                 [kbqTooltip]="isRuLocale() ? 'Сбросить состояние' : 'Reset state'"
-                [kbqPlacement]="'bottom'"
                 (click)="reload()"
             >
                 <i kbq-icon="kbq-arrow-rotate-left_16"></i>
diff --git a/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.scss b/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.scss
index 04d5b4cb2f..b7aaf52c9d 100644
--- a/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.scss
+++ b/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.scss
@@ -25,13 +25,9 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    align-items: center;
 
-    padding: var(--kbq-size-m) var(--kbq-size-xl);
-
-    .docs-live-example-footer__reload-button {
-        --kbq-button-size-height: var(--kbq-size-xxl);
-        width: var(--kbq-size-xxl);
-    }
+    padding: var(--kbq-size-xs) var(--kbq-size-xl);
 
     .docs-live-example-footer__divider.kbq-divider {
         height: var(--kbq-size-s);
diff --git a/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.ts b/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.ts
index 2ff2bc14e2..d8a78367ff 100644
--- a/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.ts
+++ b/apps/docs/src/app/components/live-example-viewer/docs-live-example-viewer.ts
@@ -11,16 +11,16 @@ import {
     ViewChild,
     ViewEncapsulation
 } from '@angular/core';
-import { KbqButton, KbqButtonCssStyler } from '@koobiq/components/button';
+import { KbqButtonModule } from '@koobiq/components/button';
 import { KbqCodeBlockFile, KbqCodeBlockModule } from '@koobiq/components/code-block';
 import { KBQ_WINDOW } from '@koobiq/components/core';
-import { KbqDivider } from '@koobiq/components/divider';
-import { KbqIcon } from '@koobiq/components/icon';
+import { KbqDividerModule } from '@koobiq/components/divider';
+import { KbqIconModule } from '@koobiq/components/icon';
 import { KbqLinkModule } from '@koobiq/components/link';
 import { KbqModalService } from '@koobiq/components/modal';
 import { KbqSidepanelService } from '@koobiq/components/sidepanel';
 import { KbqToastService } from '@koobiq/components/toast';
-import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
+import { KbqToolTipModule } from '@koobiq/components/tooltip';
 import { EXAMPLE_COMPONENTS, LiveExample, loadExample } from '@koobiq/docs-examples';
 import { forkJoin, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
@@ -44,11 +44,10 @@ interface ExampleFileData {
         KbqLinkModule,
         KbqCodeBlockModule,
         NgComponentOutlet,
-        KbqButton,
-        KbqButtonCssStyler,
-        KbqIcon,
-        KbqDivider,
-        KbqTooltipTrigger
+        KbqButtonModule,
+        KbqDividerModule,
+        KbqToolTipModule,
+        KbqIconModule
     ],
     templateUrl: './docs-live-example-viewer.html',
     styleUrls: ['./docs-live-example-viewer.scss'],