More spacing for Markdown formatting

shell/components/ChartReadme.vue

@@ -49,6 +49,7 @@ export default {
   .md {
     overflow: auto;
     max-width: 100%;
+    line-height: 1.6;
 
     ::v-deep {
       * + H1,
@@ -62,9 +63,12 @@ export default {
     }
 
     ::v-deep code {
-      padding: 0;
+      font-size: 13.5px;
       white-space: break-spaces;
-      word-break: break-word;
+      word-wrap: break-word;
+      padding-left: 5px;
+      padding-right: 5px;
+      border: 0;
     }
 
     ::v-deep pre {
@@ -75,6 +79,10 @@ export default {
     ::v-deep  > h1:first-of-type {
       display: none;
     }
+
+    ::v-deep p {
+      margin-bottom: 0.5em;
+    }
   }
 
 </style>

shell/components/Markdown.vue

@@ -79,18 +79,50 @@ export default {
   <Loading v-else />
 </template>
 
-<style lang="scss" scoped>
-  ::v-deep {
-    P {
-      font-size: initial;
-      line-height: initial;
-      font-weight: initial;
-      letter-spacing: initial;
-      font-style: normal;
-    }
+<style lang="scss">
 
+::v-deep {
+  P {
+    font-size: initial;
+    line-height: initial;
+    font-weight: initial;
+    letter-spacing: initial;
+    font-style: normal;
+  }
+}
+
+.markdown {
     TH {
       text-align: left;
     }
-  }
+
+    table tr th {
+      font-weight: bold;
+      text-align: left;
+      margin: 0;
+      padding: 6px 13px;
+    }
+
+    table tr th {
+      font-weight: bold;
+      text-align: left;
+      margin: 0;
+      padding: 6px 13px;
+    }
+
+    table tr td {
+      text-align: left;
+      margin: 0;
+      padding: 6px 13px;
+    }
+
+    table tr th :first-child, table tr td :first-child {
+      margin-top: 0;
+    }
+
+    table tr th :last-child, table tr td :last-child {
+      margin-bottom: 0;
+    }
+}
+
 </style>