fix: spacing and dividers

Author: berezinant

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

@@ -52,3 +52,16 @@
 
   cursor: ew-resize;
 }
+
+.main-content .content > hr {
+  margin: var(--size-m1) 0;
+
+  border-top: 1px solid var(--color-b20);
+  border-right: none;
+  border-bottom: none;
+  border-left: none;
+
+  .theme-dark & {
+    border-top: 1px solid var(--color-w16);
+  }
+}

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

@@ -16,6 +16,8 @@
 .table {
   display: flex;
   flex-direction: column;
+
+  margin-bottom: 32px;
 }
 
 .tableheader {
@@ -78,8 +80,6 @@
 }
 
 .table-row:last-of-type {
-  margin-bottom: 32px;
-
   border-bottom-width: 1px;
   border-bottom-style: solid;
 }

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

@@ -5,6 +5,8 @@
 
 .tabs-section,
 .platform-hinted > .platform-bookmarks-row {
+  margin-bottom: var(--size-m2);
+
   border-bottom: 1px inset var(--text-outline);
 
   &.tabs_wrapping {
@@ -28,10 +30,6 @@
   font: var(--font-text-s);
 }
 
-.platform-hinted > .platform-bookmarks-row {
-  margin-bottom: var(--size-s3);
-}
-
 .no-js .platform-bookmarks-row + .sourceset-dependent-content {
   margin-top: var(--size-s2);
 }

dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css

@@ -184,11 +184,6 @@ img {
 
 /* /---dark theme --- */
 
-.main-content .content > hr {
-    margin: 30px 0;
-    border-top: 3px double #8c8b8b;
-}
-
 .main-content :is(h1, h2) {
     font-weight: 600;
 }

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

@@ -1693,6 +1693,18 @@ code:not(.block) {
   position: relative;
   z-index: 1;
 }
+
+.main-content .content > hr {
+  border: none;
+  border-top: 1px solid var(--color-b20);
+  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);
+}
 :root {
   --breakpoint-desktop-min:900px;
   --breakpoint-tablet-max:899px;
@@ -2623,6 +2635,7 @@ button.platform-tag:focus-visible {
 .table {
   display: flex;
   flex-direction: column;
+  margin-bottom: 32px;
 }
 
 .tableheader {
@@ -2685,7 +2698,6 @@ button.platform-tag:focus-visible {
 .table-row:last-of-type {
   border-bottom-style: solid;
   border-bottom-width: 1px;
-  margin-bottom: 32px;
 }
 
 .table-row_multimodule:last-of-type, .table-row_platform-tagged:last-of-type {
@@ -2867,6 +2879,8 @@ td:first-child {
 
 .platform-hinted > .platform-bookmarks-row, .tabs-section {
   border-bottom: 1px inset var(--text-outline);
+  margin-bottom: 32px;
+  margin-bottom: var(--size-m2);
 }
 
 .platform-hinted > .platform-bookmarks-row.tabs_wrapping, .tabs-section.tabs_wrapping {
@@ -2886,11 +2900,6 @@ td:first-child {
   padding: 10px 16px 6px;
 }
 
-.platform-hinted > .platform-bookmarks-row {
-  margin-bottom: 16px;
-  margin-bottom: var(--size-s3);
-}
-
 .no-js .platform-bookmarks-row + .sourceset-dependent-content {
   margin-top: 8px;
   margin-top: var(--size-s2);