Improve Markdown css

4 files changed, 61 insertions, 28 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 7c42433f..c239153c 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -640,7 +640,8 @@ nav .active a {
 .page-header h2 {
     margin: 0;
     padding: 0;
-    font-size: 140%;
+    font-size: 1.4em;
+    font-weight: bold;
     border-bottom: 1px dotted #ccc;
 }
 
@@ -925,6 +926,11 @@ a.task-board-nobody {
     color: #333;
 }
 
+.task-show-description {
+    border-left: 4px solid #333;
+    padding-left: 20px;
+}
+
 .description-textarea {
     width: 99%;
     max-width: 99%;
@@ -1073,25 +1079,37 @@ tr td.task-orange,
 }/* markdown content */
 .markdown {
     line-height: 1.4em;
+    font-size: 1.0em;
 }
 
 .markdown h1 {
     margin-top: 5px;
     margin-bottom: 10px;
-    font-size: 2em;
-    padding-bottom: 3px;
-    border-bottom: 1px dotted #000;
+    font-size: 1.5em;
+    font-weight: bold;
+    text-decoration: underline;
 }
 
 .markdown h2 {
+    font-size: 1.2em;
+    font-weight: bold;
     text-decoration: underline;
 }
 
 .markdown h3 {
-    font-weight: bold;
+    font-size: 1.1em;
+    text-decoration: underline;
+}
+
+.markdown h4 {
+    font-size: 1.1em;
     text-decoration: underline;
 }
 
+.markdown p {
+    margin-bottom: 10px;
+}
+
 .markdown ol,
 .markdown ul {
     margin-left: 25px;
@@ -1100,23 +1118,22 @@ tr td.task-orange,
 }
 
 .markdown pre {
-    background: #fafafa;
+    background: #fdfdfd;
     padding: 10px;
     border-radius: 5px;
-    border: 1px solid #ccc;
+    border: 1px solid #ddd;
     overflow: auto;
-    color: brown;
+    color: #444;
 }
 
 .markdown blockquote {
     font-style: italic;
-    border-left: 5px solid #ddd;
-    padding-left: 8px;
-}
-
-.markdown p {
+    border-left: 3px solid #ddd;
+    padding-left: 10px;
     margin-bottom: 10px;
-}/* listing block */
+    margin-left: 20px;
+}
+/* listing block */
 .listing {
     border-radius: 4px;
     padding: 8px 35px 8px 14px;
diff --git a/assets/css/header.css b/assets/css/header.css
index c8b820d1..218d4949 100644
--- a/assets/css/header.css
+++ b/assets/css/header.css
@@ -60,7 +60,8 @@ nav .active a {
 .page-header h2 {
     margin: 0;
     padding: 0;
-    font-size: 140%;
+    font-size: 1.4em;
+    font-weight: bold;
     border-bottom: 1px dotted #ccc;
 }
 
diff --git a/assets/css/markdown.css b/assets/css/markdown.css
index 7d9b6b91..d56812dd 100644
--- a/assets/css/markdown.css
+++ b/assets/css/markdown.css
@@ -1,25 +1,37 @@
 /* markdown content */
 .markdown {
     line-height: 1.4em;
+    font-size: 1.0em;
 }
 
 .markdown h1 {
     margin-top: 5px;
     margin-bottom: 10px;
-    font-size: 2em;
-    padding-bottom: 3px;
-    border-bottom: 1px dotted #000;
+    font-size: 1.5em;
+    font-weight: bold;
+    text-decoration: underline;
 }
 
 .markdown h2 {
+    font-size: 1.2em;
+    font-weight: bold;
     text-decoration: underline;
 }
 
 .markdown h3 {
-    font-weight: bold;
+    font-size: 1.1em;
     text-decoration: underline;
 }
 
+.markdown h4 {
+    font-size: 1.1em;
+    text-decoration: underline;
+}
+
+.markdown p {
+    margin-bottom: 10px;
+}
+
 .markdown ol,
 .markdown ul {
     margin-left: 25px;
@@ -28,20 +40,18 @@
 }
 
 .markdown pre {
-    background: #fafafa;
+    background: #fdfdfd;
     padding: 10px;
     border-radius: 5px;
-    border: 1px solid #ccc;
+    border: 1px solid #ddd;
     overflow: auto;
-    color: brown;
+    color: #444;
 }
 
 .markdown blockquote {
     font-style: italic;
-    border-left: 5px solid #ddd;
-    padding-left: 8px;
-}
-
-.markdown p {
+    border-left: 3px solid #ddd;
+    padding-left: 10px;
     margin-bottom: 10px;
-}
\ No newline at end of file
+    margin-left: 20px;
+}
diff --git a/assets/css/task.css b/assets/css/task.css
index 16b49ae9..a7a3ee52 100644
--- a/assets/css/task.css
+++ b/assets/css/task.css
@@ -170,6 +170,11 @@ a.task-board-nobody {
     color: #333;
 }
 
+.task-show-description {
+    border-left: 4px solid #333;
+    padding-left: 20px;
+}
+
 .description-textarea {
     width: 99%;
     max-width: 99%;