Let code inherit font size in cover, reduce some spacings and add spacing on package page #1400

1 files changed, 16 insertions, 11 deletions

diff --git a/plugins/base/src/main/resources/dokka/styles/style.css b/plugins/base/src/main/resources/dokka/styles/style.css
index d1c86eb1..24fd8fa3 100644
--- a/plugins/base/src/main/resources/dokka/styles/style.css
+++ b/plugins/base/src/main/resources/dokka/styles/style.css
@@ -10,10 +10,11 @@
     --footer-padding-top: 48px;
     --horizontal-spacing-for-content: 42px;
     --mobile-horizontal-spacing-for-content: 8px;
+    --bottom-spacing: 16px;
 }
 
 #content {
-    padding: 0 var(--horizontal-spacing-for-content);
+    padding: 0 var(--horizontal-spacing-for-content) var(--bottom-spacing) var(--horizontal-spacing-for-content);
 }
 
 .breadcrumbs {
@@ -58,12 +59,11 @@
 }
 
 .tabs-section-body {
-    margin: 12px 0;
     background-color: white;
 }
 
 .tabs-section-body > .table {
-    margin: 12px 0;
+    margin-top: 12px;
 }
 
 .tabs-section-body .with-platform-tabs > div {
@@ -85,9 +85,9 @@
 }
 
 .cover > .platform-hinted {
-    padding-top: 24px;
-    margin-top: 24px;
-    padding-bottom: 16px;
+    padding-top: 12px;
+    margin-top: 12px;
+    padding-bottom: 12px;
 }
 
 .cover {
@@ -96,10 +96,6 @@
     width: 100%;
 }
 
-.tabbedcontent {
-    padding: 14px 0;
-}
-
 .cover .platform-hinted .sourceset-depenent-content > .symbol,
 .cover > .symbol {
     background-color: white;
@@ -479,10 +475,19 @@ h3, h4, h5, h6 {
 }
 
 .UnderCoverText {
-    font-size: 18px;
+    font-size: 16px;
     line-height: 28px;
 }
 
+.UnderCoverText code {
+    font-size: inherit;
+}
+
+.UnderCoverText table {
+    margin: 8px 0 8px 0;
+}
+
+
 a {
     color: #5B5DEF;
     font-weight: 400;