fixing arrow icons on members

Author: kamilszewczyk0

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

@@ -6,7 +6,9 @@
   position: sticky;
   top: var(--header-height);
   padding: calc(2 * var(--base-spacing)) 0;
+  padding-left: 28px;
   margin-bottom: calc(3 * var(--base-spacing));
+  margin-left: -28px;
   background-color: var(--background-subtle);
 }
 

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

@@ -62,8 +62,7 @@ color: var(--text-secondary);
 
 .documentableElement .icon-button {
   position: absolute;
-  right: calc(3 * var(--base-spacing));
-  display: none;
+  left: -28px
 }
 
 .documentableElement:hover .icon-button {

scaladoc/resources/dotty_res/styles/theme/components/button/icon-button.css

@@ -583,7 +583,7 @@
 
 /* show-content button */
 
-.icon-button.show-content::after {
+/* .icon-button.show-content::after {
   content: url("../../../../images/icon-buttons/plus/light/default.svg");
 }
 
@@ -677,7 +677,7 @@
 
 .theme-dark .icon-button.show-content.expand.selected::after {
   content: url("../../../../images/icon-buttons/minus/dark/selected.svg");
-}
+} */
 
 .icon-button.close:disabled {
   opacity: 0.5;

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

@@ -16,6 +16,7 @@
 
 #content > div:first-child {
   overflow: clip;
+  padding-left: 28px;
 }
 
 
@@ -40,7 +41,7 @@
 @media (max-width: 1920px) {
   #content {
     margin-left: 0;
-    width: calc(100% - calc(39 * var(--base-spacing)));
+    width: calc(100% - calc(39 * var(--base-spacing)) + 28px);
     padding-top: calc(18 * var(--base-spacing));
     padding-bottom: calc(10 * var(--base-spacing));
     justify-content: center;
@@ -54,7 +55,7 @@
 @media (max-width: 1467px) {
   #content {
     margin-left: 0;
-    width: calc(100% - calc(56 * var(--base-spacing)));
+    width: calc(100% - calc(56 * var(--base-spacing)) + 28px);
     padding-top: calc(18 * var(--base-spacing));
     padding-bottom: calc(10 * var(--base-spacing));
     margin-right: calc(8.5 * var(--base-spacing));
@@ -69,7 +70,7 @@
 @media (max-width: 1376px) {
   #content {
     margin-left: 0;
-    width: calc(100% - calc(51 * var(--base-spacing)));
+    width: calc(100% - calc(51 * var(--base-spacing)) + 28px);
     padding-top: calc(18 * var(--base-spacing));
     padding-bottom: calc(10 * var(--base-spacing));
     margin-right: calc(6 * var(--base-spacing));
@@ -83,7 +84,7 @@
 
 @media (max-width: 1024px) {
   #content {
-    width: calc(100% - calc(12 * var(--base-spacing)));
+    width: calc(100% - calc(12 * var(--base-spacing)) + 28px);
     margin-right: calc(6 * var(--base-spacing));
     margin-left: calc(6 * var(--base-spacing));
     padding-right: 0;
@@ -108,7 +109,7 @@
     margin-right: calc(6 * var(--base-spacing));
     margin-left: calc(6 * var(--base-spacing));
     padding-right: 0;
-    width: calc(100% - calc(12 * var(--base-spacing)));
+    width: calc(100% - calc(12 * var(--base-spacing)) + 28px);
   }
 
   #content > div:first-child {
@@ -130,7 +131,7 @@
     margin-right: calc(4 * var(--base-spacing));
     margin-left: calc(4 * var(--base-spacing));
     padding-right: 0;
-    width: calc(100% - calc(8 * var(--base-spacing)));
+    width: calc(100% - calc(8 * var(--base-spacing)) + 28px);
   }
 
   #content > div:first-child {