fix: 1

public/static/kankan.html

@@ -148,7 +148,7 @@
       position: relative;
       transition: height .3s linear;
       overflow: hidden;
-      padding: 5px 2px;
+      padding: 0px;
       background: rgba(0, 0, 0, .3);
       max-height: calc(100vh - 40px);
     }
@@ -159,13 +159,16 @@
     }
 
     .select .option {
-      padding: 0;
       transform: translate(0, calc(var(--top)));
       margin-top: 0;
       background: none;      
       position: relative;
       max-width: 50px;
     }
+    .select .option li {
+      padding-left: 0;
+      padding-right: 0;
+    }
 
     .select:hover .option {
       transform: translate(0, 0);
@@ -220,7 +223,7 @@
 
       if ($item) {
         document.querySelector('#floor').innerHTML = $item.innerHTML
-        document.querySelector('#floors').style.setProperty('--top', (-Array.from($items).indexOf($item)) * 36 + 'px')
+        document.querySelector('#floors').style.setProperty('--top', (-Array.from($items).indexOf($item)) * 36 - 5 + 'px')
       }
     }
 
@@ -246,7 +249,7 @@
       $floors.parentElement.addEventListener('mouseleave', () => {
         $floors.style.display = 'block'
       })
-      document.querySelector('#floors').parentElement.style.setProperty('--height', floors.length * 36 + 'px')
+      document.querySelector('#floors').parentElement.style.setProperty('--height', floors.length * 36 + 11 + 'px')
     }
 
     const setCurrentMode = id => {