fix: spacing in html output (#4292)

* fix: make segmentation of overloads more visible * fix: margin for kdoc tags * fix: tabs spacing inside tables * chore: build ui kit assets (cherry picked from commit ec63266)

Author: berezinant

dokka-subprojects/plugin-base-frontend/src/main/ui-kit/layout/styles.scss

@@ -55,20 +55,15 @@
  cursor: ew-resize;
 }
 
-// do not show divider after tables as they have borders now
-.table + hr {
- display: none;
-}
-
 .main-content .content > hr {
  margin: var(--size-m1) 0;
 
- border-top: 1px solid var(--color-b20);
+ border-top: 3px double var(--color-b50);
  border-right: none;
  border-bottom: none;
  border-left: none;
 
  .theme-dark & {
- border-top: 1px solid var(--color-w16);
+ border-top: 3px double var(--color-w50);
  }
 }

dokka-subprojects/plugin-base-frontend/src/main/ui-kit/table/styles.scss

@@ -45,6 +45,10 @@
  }
 }
 
+h4.tableheader {
+ margin-top: var(--size-m1);
+}
+
 .table-row {
  display: flex;
  flex-direction: column;

dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tabs/styles.scss

@@ -58,9 +58,9 @@
  margin-top: 12px;
 }
 
-.tabs-section-body .with-platform-tabs {
- padding-top: 12px;
- padding-bottom: 12px;
+/* tabs inside tables should have decreased spacing */
+.table .platform-bookmarks-row, .table .tabs-section {
+ margin-bottom: var(--size-s3);
 }
 
 .platform-hinted {

dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css

@@ -1749,20 +1749,16 @@ code:not(.block) {
  z-index: 1;
 }
 
-.table + hr {
- display: none;
-}
-
 .main-content .content > hr {
  border: none;
- border-top: 1px solid var(--color-b20);
+ border-top: 3px double var(--color-b50);
  margin: 24px 0;
  margin: var(--size-m1) 0;
 }
 
 .theme-dark .main-content .content > hr {
- border-top: 1px solid hsla(0, 0%, 100%, 0.16);
- border-top: 1px solid var(--color-w16);
+ border-top: 3px double hsla(0, 0%, 100%, 0.5);
+ border-top: 3px double var(--color-w50);
 }
 :root {
  --breakpoint-desktop-min:900px;
@@ -2696,6 +2692,11 @@ button.platform-tag:focus-visible {
  margin-right: -16px;
  }
 }
+h4.tableheader {
+ margin-top: 24px;
+ margin-top: var(--size-m1);
+}
+
 .table-row {
  background-color: var(--color-background);
  border: 1px solid rgba(0, 0, 0, 0.2);
@@ -2974,9 +2975,9 @@ td:first-child {
  margin-top: 12px;
 }
 
-.tabs-section-body .with-platform-tabs {
- padding-bottom: 12px;
- padding-top: 12px;
+.table .platform-bookmarks-row, .table .tabs-section {
+ margin-bottom: 16px;
+ margin-bottom: var(--size-s3);
 }
 
 .platform-hinted {