From 21e6f721cc8873bf6c2eccee932dfdef1e894dd6 Mon Sep 17 00:00:00 2001
From: Dirk Alders <dirk@mount-mockery.de>
Date: Fri, 11 Oct 2024 22:36:05 +0200
Subject: [PATCH] Margin and Padding changes due to better visibility

---
 templates/themes/clear-blue/base.css   | 28 ++++++++++++++++++++------
 templates/themes/clear-digits/base.css | 28 ++++++++++++++++++++------
 templates/themes/clear-green/base.css  | 28 ++++++++++++++++++++------
 templates/themes/clear-red/base.css    | 28 ++++++++++++++++++++------
 4 files changed, 88 insertions(+), 24 deletions(-)

diff --git a/templates/themes/clear-blue/base.css b/templates/themes/clear-blue/base.css
index 23476a8..b8980d2 100644
--- a/templates/themes/clear-blue/base.css
+++ b/templates/themes/clear-blue/base.css
@@ -22,6 +22,7 @@ body {
 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #333333;
   border-bottom:5px solid #333333;
@@ -37,6 +38,7 @@ h1 {
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #333333;
   border-bottom:3px solid #333333;
@@ -45,13 +47,31 @@ h2 {
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
@@ -150,10 +170,6 @@ input[type=file], select {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;
diff --git a/templates/themes/clear-digits/base.css b/templates/themes/clear-digits/base.css
index 7f14a0c..b3614b9 100644
--- a/templates/themes/clear-digits/base.css
+++ b/templates/themes/clear-digits/base.css
@@ -22,6 +22,7 @@ body {
 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #0A1E2D;
   border-bottom:5px solid #0A1E2D;
@@ -37,6 +38,7 @@ h1 {
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #0A1E2D;
   border-bottom:3px solid #0A1E2D;
@@ -45,13 +47,31 @@ h2 {
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
@@ -150,10 +170,6 @@ input[type=file], select {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;
diff --git a/templates/themes/clear-green/base.css b/templates/themes/clear-green/base.css
index 972d067..42b507e 100644
--- a/templates/themes/clear-green/base.css
+++ b/templates/themes/clear-green/base.css
@@ -22,6 +22,7 @@ body {
 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #333333;
   border-bottom:5px solid #333333;
@@ -37,6 +38,7 @@ h1 {
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #333333;
   border-bottom:3px solid #333333;
@@ -45,13 +47,31 @@ h2 {
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
@@ -150,10 +170,6 @@ input[type=file], select {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;
diff --git a/templates/themes/clear-red/base.css b/templates/themes/clear-red/base.css
index 57e5df3..ad2c4e1 100644
--- a/templates/themes/clear-red/base.css
+++ b/templates/themes/clear-red/base.css
@@ -22,6 +22,7 @@ body {
 
 h1 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:5px solid #333333;
   border-bottom:5px solid #333333;
@@ -37,6 +38,7 @@ h1 {
 
 h2 {
   padding: 6px;
+  margin: 30px auto auto auto;
   background-color: #f2f2f2;
   border-left:3px solid #333333;
   border-bottom:3px solid #333333;
@@ -45,13 +47,31 @@ h2 {
 
 h3 {
   padding: 6px;
+  margin: 20px auto auto auto;
   background-color: #f2f2f2;
   font-size: 14px;
 }
 
-ul {
+.content p {
+  margin: 5px 5px;
+  padding: 10px;
+}
+ 
+.content pre {
+  margin: 10px 10px;
+  padding: 10px;
+  background: #eee;
+}
+
+.content ul {
   list-style-type: square;
-  padding: 10px 30px;
+  margin: 10px 10px;
+  padding: 5px 40px;
+}
+
+.content ol {
+  margin: 10px 10px;
+  padding: 5px 40px;
 }
 
 a {
@@ -150,10 +170,6 @@ input[type=file], select {
   box-sizing: border-box;
 }
 
-p {
- margin: 12px 0;
-}
-
 input[type=submit] {
   width: 100%;
   background-color: #4CAF50;