From 2239bc8b2a86efc46a9f9600e2e68b0b7368fa32 Mon Sep 17 00:00:00 2001 From: David Luhmer Date: Thu, 10 Oct 2024 11:26:03 +0200 Subject: [PATCH 1/2] add padding for list css Signed-off-by: David Luhmer --- News-Android-App/src/main/assets/web.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/News-Android-App/src/main/assets/web.css b/News-Android-App/src/main/assets/web.css index 862539a18..fd24690b4 100644 --- a/News-Android-App/src/main/assets/web.css +++ b/News-Android-App/src/main/assets/web.css @@ -165,12 +165,22 @@ a { color: #ffffff !important; } -ul { +/* We use custom list style / use 0 padding for first level of lists */ +ul, ol { list-style: none; - padding: 0; + padding: 0px; } -ul li:before { +/* Nested lists should be indented a little */ +ul li ul, +ul li ol, +ol li ul, +ol li ol { + padding: 0px 0px 0px 12px; +} + + +ul li:before, ol li:before { vertical-align: 18%; margin-right:10px; border-style: solid; From b081581e7fb817de984da35383788f89e8b944b6 Mon Sep 17 00:00:00 2001 From: David Luhmer Date: Thu, 10 Oct 2024 11:37:10 +0200 Subject: [PATCH 2/2] separate paddings for ul and ol Signed-off-by: David Luhmer --- 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: '';