From 9ead2a03345d79ca3f7378a89ee7d78c9addf701 Mon Sep 17 00:00:00 2001
From: Mikita Pilinka <mikita.pilinka@northern.tech>
Date: Thu, 18 Jan 2024 13:20:03 +0100
Subject: [PATCH] fix: styles of ul, li and code blocks improved

Ticket: ENT-11184
Changelog: None
Signed-off-by: Mikita Pilinka <mikita.pilinka@northern.tech>
---
 .../static/images/orange-list-icon.svg          |  3 +++
 themes/cfbs-theme/styles/less/base.less         |  6 ++++++
 themes/cfbs-theme/styles/less/modulePage.less   | 17 +++++------------
 3 files changed, 14 insertions(+), 12 deletions(-)
 create mode 100644 themes/cfbs-theme/static/images/orange-list-icon.svg

diff --git a/themes/cfbs-theme/static/images/orange-list-icon.svg b/themes/cfbs-theme/static/images/orange-list-icon.svg
new file mode 100644
index 0000000..4c8f8c1
--- /dev/null
+++ b/themes/cfbs-theme/static/images/orange-list-icon.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="7" cy="7" r="5" stroke="#F5831F" stroke-width="4"/>
+</svg>
\ No newline at end of file
diff --git a/themes/cfbs-theme/styles/less/base.less b/themes/cfbs-theme/styles/less/base.less
index 77843ee..b2e4294 100644
--- a/themes/cfbs-theme/styles/less/base.less
+++ b/themes/cfbs-theme/styles/less/base.less
@@ -249,6 +249,12 @@ pre {
 code, pre {
   word-break: break-all;
 }
+code {
+  background: #F7F7F7;
+  padding: 4px;
+  border-radius: 2px;
+  font-size: 1.4rem;
+}
 
 h1 {
   color: @textColorDarkBlue;
diff --git a/themes/cfbs-theme/styles/less/modulePage.less b/themes/cfbs-theme/styles/less/modulePage.less
index 9ab051b..544a6e8 100644
--- a/themes/cfbs-theme/styles/less/modulePage.less
+++ b/themes/cfbs-theme/styles/less/modulePage.less
@@ -247,22 +247,15 @@
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
   }
-  p, ul {
-   margin: 1.6rem 0
+  p {
+   margin: 1.6rem 0;
   }
   ul {
    list-style: none;
+   margin: 0.6rem 0;
    li {
-    margin-left: 1rem;
-    &::before {
-     content: "\2022";
-     color: @blue-800-light;
-     font-weight: bold;
-     display: inline-block;
-     width: 1rem;
-     margin-left: -1rem;
-     position: absolute;
-    }
+    margin-left: 2rem;
+    list-style-image: url(/images/orange-list-icon.svg);
    }
   }
   a {