From ed76f4ed88efb616359c8db97a66e124db255030 Mon Sep 17 00:00:00 2001
From: Catherine Luse <catherine.luse@gmail.com>
Date: Fri, 14 Jan 2022 16:43:11 -0700
Subject: [PATCH] More spacing for Markdown formatting

---
 shell/components/ChartReadme.vue | 12 ++++++--
 shell/components/Markdown.vue    | 52 ++++++++++++++++++++++++++------
 2 files changed, 52 insertions(+), 12 deletions(-)

diff --git a/shell/components/ChartReadme.vue b/shell/components/ChartReadme.vue
index c2d8ddaa6a..5a5a4d2e0a 100644
--- a/shell/components/ChartReadme.vue
+++ b/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>
diff --git a/shell/components/Markdown.vue b/shell/components/Markdown.vue
index 687b379acc..73eeb2926d 100644
--- a/shell/components/Markdown.vue
+++ b/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>