Improve styles and functionality on module page #1336

1 files changed, 13 insertions, 8 deletions

diff --git a/plugins/base/src/main/resources/dokka/styles/style.css b/plugins/base/src/main/resources/dokka/styles/style.css
index 51165883..f5a1e65b 100644
--- a/plugins/base/src/main/resources/dokka/styles/style.css
+++ b/plugins/base/src/main/resources/dokka/styles/style.css
@@ -5,6 +5,7 @@
 :root {
     --breadcrumb-font-color: #A6AFBA;
     --hover-link-color: #5B5DEF;
+    --average-color: #637282;
     --footer-height: 64px;
     --footer-padding-top: 48px;
     --horizontal-spacing-for-content: 42px;
@@ -38,7 +39,7 @@
     border-bottom: 1px solid #DADFE6;
     padding: 11px 3px;
     font-size: 14px;
-    color: #637282;
+    color: var(--average-color);
     outline: none;
     margin: 0 8px;
 }
@@ -90,7 +91,6 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    padding-bottom: 48px;
 }
 
 .tabbedcontent {
@@ -253,7 +253,7 @@ code.paragraph {
 }
 
 .symbol span.copy-icon path {
-    fill: #637282;
+    fill: var(--average-color);
 }
 
 .symbol span.copy-icon:hover path {
@@ -317,7 +317,7 @@ code.paragraph {
     display: block;
     align-items: center;
     height: 100%;
-    color: #637282;
+    color: var(--average-color);
     overflow: hidden;
 }
 
@@ -434,7 +434,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 p, ul, ol, table, pre, dl {
-    margin: 0 0 20px;
+    margin: 0;
 }
 
 h1 {
@@ -709,7 +709,7 @@ footer {
 .platform-selector:not([data-active]) {
     border: 1px solid #DADFE6;
     background-color: transparent;
-    color: #637282;
+    color: var(--average-color);
 }
 
 td.content {
@@ -755,7 +755,7 @@ td.content {
 }
 
 .main-subrow .anchor-icon > svg path {
-    fill: #637282;
+    fill: var(--average-color);
 }
 
 .main-subrow .anchor-icon:hover {
@@ -862,6 +862,7 @@ td.content {
 
 .cover .with-platform-tabs {
     background-color: white;
+    font-size: 14px;
 }
 
 .cover > .with-platform-tabs .platform-bookmarks-row {
@@ -908,6 +909,10 @@ td.content {
     padding: 16px 24px 16px 24px;
 }
 
+.table-row .brief-comment {
+    color: var(--average-color);
+}
+
 .platform-dependent-row {
     display: grid;
     padding-top: 8px;
@@ -1025,7 +1030,7 @@ td.content {
 }
 
 .footer span.go-to-top-icon path {
-    fill: #637282;
+    fill: var(--average-color);
 }
 
 .footer > span:first-child {