From 76825c5e63de0c6e1b9ce9bf6aa837bbbe097071 Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Sun, 19 Nov 2023 22:35:27 +0530
Subject: [PATCH] (fixed): last search result's bottom gap by adding an bottom
 spacer element

---
 htdocs/assets/_floatingbar.php         | 1 +
 htdocs/assets/js/floatingbar-config.js | 4 ++++
 htdocs/assets/style.css                | 8 ++++++++
 3 files changed, 13 insertions(+)

diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index ac3b6e5..df06075 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/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>
diff --git a/htdocs/assets/js/floatingbar-config.js b/htdocs/assets/js/floatingbar-config.js
index 7ba45d0..769426a 100644
--- a/htdocs/assets/js/floatingbar-config.js
+++ b/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) {
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index 2b5a561..c4bebbf 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -922,6 +922,14 @@ video {
   height: 47vh;
 }
 
+.h-\[20px\] {
+  height: 20px;
+}
+
+.h-\[10px\] {
+  height: 10px;
+}
+
 .w-0 {
   width: 0px;
 }