fix: min width for dropdown and padding for toc

dokka-subprojects/plugin-base-frontend/src/main/ui-kit/dropdown/index.ts

@@ -24,7 +24,8 @@ export function onToggleDropdown(dropdown: Element): void {
   const buttons = dropdown.querySelectorAll(DROPDOWN_TOGGLE);
   buttons?.forEach(toggleDropdownButton);
   const list = dropdown.querySelector(DROPDOWN_LIST);
-  toggleDropdownList(list);
+  const buttonWidth = (buttons[0] as HTMLElement).offsetWidth;
+  toggleDropdownList(list, buttonWidth);
 }
 
 function toggleDropdownButton(button: Element): void {
@@ -33,8 +34,13 @@ function toggleDropdownButton(button: Element): void {
   }
 }
 
-function toggleDropdownList(list: Element | null): void {
+function toggleDropdownList(list: Element | null, minWidth?: number): void {
   list?.classList.toggle('dropdown--list_expanded');
+  if (minWidth) {
+    (list as HTMLElement).style.minWidth = `${minWidth}px`;
+  } else {
+    (list as HTMLElement).style.minWidth = 'auto';
+  }
 }
 
 function handleOutsideClick(event: MouseEvent): void {

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

@@ -293,5 +293,6 @@
 
 .sidebar--inner {
   padding-top: 12px;
+  padding-right: var(--size-s1);
   padding-bottom: 12px;
 }

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

@@ -2100,6 +2100,8 @@ button.platform-tag:focus-visible {
 
 .sidebar--inner {
   padding-bottom: 12px;
+  padding-right: 4px;
+  padding-right: var(--size-s1);
   padding-top: 12px;
 }
 :root {