From 9b30fac6ab9ca49d2829755f82a00597f0d70723 Mon Sep 17 00:00:00 2001
From: Tanya Fomina <fomina.tatianaaa@yandex.ru>
Date: Sat, 4 May 2024 21:20:55 +0300
Subject: [PATCH] Align hint left

---
 src/components/utils/popover/components/hint/hint.const.ts | 1 +
 src/components/utils/popover/components/hint/hint.css      | 4 ++++
 src/components/utils/popover/components/hint/hint.ts       | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/utils/popover/components/hint/hint.const.ts b/src/components/utils/popover/components/hint/hint.const.ts
index 67406789..10ded664 100644
--- a/src/components/utils/popover/components/hint/hint.const.ts
+++ b/src/components/utils/popover/components/hint/hint.const.ts
@@ -10,6 +10,7 @@ const className = bem('ce-hint-content');
  */
 export const css = {
   root: className(),
+  alignedLeft: className(null, 'align-left'),
   title: className('title'),
   description: className('description'),
 };
diff --git a/src/components/utils/popover/components/hint/hint.css b/src/components/utils/popover/components/hint/hint.css
index 5319f0f9..2c68f354 100644
--- a/src/components/utils/popover/components/hint/hint.css
+++ b/src/components/utils/popover/components/hint/hint.css
@@ -1,4 +1,8 @@
 .ce-hint-content {
+  &--align-left {
+    text-align: left;
+  }
+
   &__description {
     opacity: 0.6;
     margin-top: 3px;
diff --git a/src/components/utils/popover/components/hint/hint.ts b/src/components/utils/popover/components/hint/hint.ts
index 962570f6..eb91de12 100644
--- a/src/components/utils/popover/components/hint/hint.ts
+++ b/src/components/utils/popover/components/hint/hint.ts
@@ -24,7 +24,7 @@ export class Hint {
    */
   constructor(params: HintParams) {
     this.nodes = {
-      root: Dom.make('div', css.root),
+      root: Dom.make('div', [css.root, css.alignedLeft]),
       title: Dom.make('div', css.title, { textContent: params.title }),
     };