(fixed): last search result's bottom gap by adding an bottom spacer element

htdocs/assets/_floatingbar.php

@@ -81,6 +81,7 @@
                 <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
             </span>
         </div>
+        <div class="bottomspacer w-full h-[10px]"></div>
     </div>
     <div id="searchresults" class="searchresults w-full flex-col justify-start px-2 mt-1 hidden">
         <p class="text-xs text-accent_three mt-3 mb-2 mx-1">SEARCH RESULTS</p>

htdocs/assets/js/floatingbar-config.js

@@ -272,6 +272,10 @@ function inject_search_results (results, keyword) {
             searchRes.appendChild(profileDiv);
         });
     }
+
+    const bottomSpacer = document.createElement("div");
+    bottomSpacer.className = "bottomspacer w-full h-[10px]";
+    searchRes.appendChild(bottomSpacer);
 }
 
 function inject_no_results(results, keyword) {

htdocs/assets/style.css

@@ -922,6 +922,14 @@ video {
   height: 47vh;
 }
 
+.h-\[20px\] {
+  height: 20px;
+}
+
+.h-\[10px\] {
+  height: 10px;
+}
+
 .w-0 {
   width: 0px;
 }