From b081581e7fb817de984da35383788f89e8b944b6 Mon Sep 17 00:00:00 2001
From: David Luhmer <david-dev@live.de>
Date: Thu, 10 Oct 2024 11:37:10 +0200
Subject: [PATCH] separate paddings for ul and ol

Signed-off-by: David Luhmer <david-dev@live.de>
---
 News-Android-App/src/main/assets/web.css | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/News-Android-App/src/main/assets/web.css b/News-Android-App/src/main/assets/web.css
index fd24690b4..dc978b8ea 100644
--- a/News-Android-App/src/main/assets/web.css
+++ b/News-Android-App/src/main/assets/web.css
@@ -165,24 +165,29 @@ a {
     color: #ffffff !important;
 }
 
-/* We use custom list style / use 0 padding for first level of lists */
-ul, ol {
+
+ul {
+    /* We use custom list style for Unordered Lists */
     list-style: none;
+    /* For the first level we should not have padding */
     padding: 0px;
 }
+ol {
+    /* ol items already have an intrinsic padding (the number in front has a negativ padding) */
+    padding-left: 22px;
+}
 
 /* Nested lists should be indented a little */
 ul li ul,
 ul li ol,
 ol li ul,
 ol li ol {
-    padding: 0px 0px 0px 12px;
+    padding-left: 14px;
 }
 
-
-ul li:before, ol li:before {
+ul li:before {
     vertical-align: 18%;
-    margin-right:10px;
+    margin-right: 10px;
     border-style: solid;
 	border-width: 0.10em 0.10em 0 0;
 	content: '';