From 416951b36926685f010a434450f0fbf68eb50f73 Mon Sep 17 00:00:00 2001
From: Yulia Shanyrova <yulia.shanyrova@grafana.com>
Date: Tue, 1 Nov 2022 15:31:13 +0100
Subject: [PATCH] navigation css fix (#750)

* navigation css fix

* linting error fix
---
 .../TelegramSettings/TelegramSettings.module.css     |  2 +-
 .../parts/tabs/TelegramSettings/TelegramSettings.tsx | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.module.css b/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.module.css
index ecd192db..158c14a2 100644
--- a/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.module.css
+++ b/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.module.css
@@ -12,7 +12,7 @@
   width: 725px;
 }
 
-ul {
+.features-list > ul {
   margin: 20px 30px;
 }
 
diff --git a/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.tsx b/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.tsx
index 79db0f35..c6eb5dc5 100644
--- a/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.tsx
+++ b/grafana-plugin/src/pages/chat-ops/parts/tabs/TelegramSettings/TelegramSettings.tsx
@@ -102,11 +102,13 @@ class TelegramSettings extends Component<TelegramProps, TelegramState> {
           </Block>
           <Text>
             <Text.Title level={4}>Features</Text.Title>
-            <ul>
-              <li>perform actions (acknowledge, resolve, silence)</li>
-              <li>discuss alerts in comments</li>
-              <li>notifications to users accounts will be served as links to the main channel</li>
-            </ul>
+            <div className={cx('features-list')}>
+              <ul>
+                <li>perform actions (acknowledge, resolve, silence)</li>
+                <li>discuss alerts in comments</li>
+                <li>notifications to users accounts will be served as links to the main channel</li>
+              </ul>
+            </div>
             Make sure your team connects Telegram in their OnCall user profiles too or they cannot manage alert groups.
           </Text>
           <HorizontalGroup>