Adding border lines and spacing on markdown tables.

- Fixes #413

1 files changed, 24 insertions, 0 deletions

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index e8477910..20b669b8 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -40,6 +40,30 @@
   font-size:1.171875rem;
 }
 
+.md-div table {
+  border-collapse: collapse;
+  width: 100%;
+  margin-bottom: 1rem;
+  border: 1px solid var(--dark);
+}
+
+.md-div table th,
+.md-div table td {
+  padding: 0.3rem;
+  vertical-align: top;
+  border-top: 1px solid var(--dark);
+  border: 1px solid var(--dark);
+}
+
+.md-div table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid var(--dark);
+}
+
+.md-div table tbody + tbody {
+  border-top: 2px solid var(--dark);
+}
+
 .comment-node {
   margin-bottom: 10px;
 }