From 676e28154c00095dfde562e19cbb3a1810ec6cff Mon Sep 17 00:00:00 2001
From: Davit <davedabyeet@gmail.com>
Date: Thu, 4 Jul 2024 11:04:40 +0400
Subject: [PATCH] format tooltips as lists

---
 .../Organizations/NewProject/index.js         | 32 ++++++++++---------
 src/layouts/GlobalStyles/index.tsx            |  9 ++++++
 2 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/components/Organizations/NewProject/index.js b/src/components/Organizations/NewProject/index.js
index e4b284da..36c2ce42 100644
--- a/src/components/Organizations/NewProject/index.js
+++ b/src/components/Organizations/NewProject/index.js
@@ -190,15 +190,16 @@ const OrgNewProject = ({
                               <b>[Default: true]</b>
                               <br />
                               <span> Which branches should be deployed, can be one of:</span>
-                              <br />
-                              <span> - true - all branches are deployed </span>
-                              <br />
-                              <span>- false - no branches are deployed</span>
-                              <br />
-                              <span>
-                                - regex of all branches that can be deployed (including production), example:
-                                '^(main|staging)$'
-                              </span>
+                              <ul className="tooltiplist">
+                                <li>true - all branches are deployed </li>
+
+                                <li>false - no branches are deployed</li>
+
+                                <li>
+                                  regex of all branches that can be deployed (including production), example:
+                                  '^(main|staging)$'
+                                </li>
+                              </ul>
                             </>
                           }
                           placement="right"
@@ -224,12 +225,13 @@ const OrgNewProject = ({
                               <b>[Default: true]</b>
                               <br />
                               <span> Which pull requests should be deployed, can be one of:</span>
-                              <br />
-                              <span> - true - all pull requests are deployed </span>
-                              <br />
-                              <span> - false - no pull requests are deployed</span>
-                              <br />
-                              <span>- regex of all Pull Request titles that can be deployed, example: '[BUILD]'</span>
+                              <ul className="tooltiplist">
+                                <li>true - all pull requests are deployed </li>
+
+                                <li>false - no pull requests are deployed</li>
+
+                                <li>regex of all Pull Request titles that can be deployed, example: '[BUILD]'</li>
+                              </ul>
                             </>
                           }
                           placement="right"
diff --git a/src/layouts/GlobalStyles/index.tsx b/src/layouts/GlobalStyles/index.tsx
index d4c73721..401b7a36 100644
--- a/src/layouts/GlobalStyles/index.tsx
+++ b/src/layouts/GlobalStyles/index.tsx
@@ -41,6 +41,15 @@ body {
   .ant-tooltip-content .ant-tooltip-inner{
   color: ${props => (props.theme.colorScheme === 'dark' ? '#000' : '#fff')};
   background: ${props => (props.theme.colorScheme === 'dark' ? '#fff' : '#000')};
+
+  .tooltiplist{
+    margin-left: 0.812rem;
+    li{
+      margin-bottom: initial;
+      padding-left: 0;
+      list-style: disc;
+    }
+  }
   }
   &.lg{
       .ant-tooltip-content{