Changing design for members

Author: kamilszewczyk0

scaladoc/resources/dotty_res/styles/theme/components/api-member.css

@@ -1,14 +1,14 @@
 .documentableElement {
-  background-color: var(--action-primary-background-default-solid);
-  padding: calc(3 * var(--base-spacing));
-  border-radius: 4px;
-  margin-bottom: calc(3 * var(--base-spacing));
+  padding: 12px 0;
+
   color: var(--text-primary);
   position: relative;
+  border-top: 1px solid var(--border-default);
 }
 
 .documentableElement:last-child {
   margin-bottom: 0;
+  border-top: 1px solid var(--border-default);
 }
 
 .documentableElement .signature {
@@ -55,6 +55,10 @@
   display: block;
 }
 
+.documentableElement .attributes {
+  margin-bottom: 0;
+}
+
 [t="k"] {
   color: var(--code-method-highlighting-keyword);
 }

scaladoc/resources/dotty_res/styles/theme/components/attributes.css

@@ -3,7 +3,6 @@
   overflow: hidden;
   padding: 0;
   margin: 0;
-  border-bottom: 1px solid var(--border-default);
   margin-bottom: calc(6 * var(--base-spacing));
 }
 
@@ -34,6 +33,11 @@
   padding-bottom: calc(2.5 * var(--base-spacing));
 }
 
+.attributes > dt:first-child,
+.attributes > dd:first-of-type {
+  border-top: none;
+}
+
 .attributes > dd > .attributes > dt {
   border: none;
   padding: 0;
@@ -48,6 +52,4 @@
   width: 80%;
 }
 
-.documentableElement .attributes {
-  margin-bottom: 0;
-}
+

scaladoc/resources/dotty_res/styles/theme/components/code-snippet.css

@@ -18,6 +18,10 @@
   line-height: 20px;
 }
 
+dd .snippet {
+  margin: 0;
+}
+
 .snippet .hidden {
   display: none;
 }

scaladoc/resources/dotty_res/styles/theme/layout/content.css

@@ -29,10 +29,13 @@
 
 @media (min-width: 1920px) {
   #content {
-    width: calc(90 * var(--base-spacing));
     padding-left: calc(36.75 * var(--base-spacing));
     padding-top: calc(18 * var(--base-spacing));
   }
+
+  #content > div:first-child {
+    width: calc(90 * var(--base-spacing));
+  }
 }
 
 @media (max-width: 1920px) {
@@ -419,6 +422,11 @@
   margin-bottom: 0;
 }
 
+#attributes > h2 {
+  margin-bottom: calc(3*var(--base-spacing));
+}
+
+
 .tab {
   position: relative;
 }
@@ -466,6 +474,8 @@
   display: block;
 }
 
+
+
 #content section {
   margin-top: calc(6 * var(--base-spacing));
 }