From 6854ba70e293bacf03e0e8fff203bea451a04fc2 Mon Sep 17 00:00:00 2001
From: MotorTruck1221 <motortruck1221@protonmail.com>
Date: Fri, 27 Sep 2024 01:47:09 -0600
Subject: [PATCH] Omnibox: fix the styling for the last element...

---
 src/pages/[lang]/index.astro | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
index a8c9221..9b72d6b 100644
--- a/src/pages/[lang]/index.astro
+++ b/src/pages/[lang]/index.astro
@@ -35,9 +35,6 @@ const t = useTranslations(lang);
             placeholder={t("home.placeholder")}
         />
         <div id="omnibox" class="hidden p-1 transition-all duration-300 flex flex-col w-10/12 md:w-3/12 flex-grow bg-input text-center items-center rounded-b-2xl border-input-border-color border-b border-r border-l">
-            <span class="w-full text-input-text bg-primary h-9 text-xl text-align-center overflow-hidden flex items-center justify-center hover:bg-lighter active:bg-primary">
-                <p>E</p>
-            </span>
         </div>
     </div>
     <iframe id="neb-iframe" class="hidden z-100 w-full h-full absolute top-0 bottom-0 bg-primary"></iframe>
@@ -96,9 +93,9 @@ const t = useTranslations(lang);
                         data.map((results: Suggestion) => {
                             let span = document.createElement("span");
                             let pTag = document.createElement("p");
-                            span.classList.add("cursor-pointer", "border-b", "border-input-border-color", "last:border-none", "text-ellipsis", "whitespace-nowrap", "w-full", "text-input-text", "bg-primary", "h-9", "text-xl", "text-align-center", "overflow-hidden", "flex", "items-center", "justify-center", "hover:bg-lighter", "active:bg-primary");
+                            span.classList.add("cursor-pointer", "border-b", "border-input-border-color", "last:rounded-b-xl", "last:border-none", "text-ellipsis", "whitespace-nowrap", "w-full", "text-input-text", "bg-primary", "h-9", "text-xl", "text-align-center", "overflow-hidden", "flex", "items-center", "justify-center", "hover:bg-lighter", "active:bg-primary");
                             span.addEventListener("click", function() {
-                                //when the box is clicked, we want to fill the omnibox and hit enter. This allows us to re-use the existing event listener on the input.
+                                //When the box is clicked, we want to fill the omnibox and hit enter. This allows us to re-use the existing event listener on the input.
                                 const event = new KeyboardEvent("keypress", {
                                     key: 'Enter',
                                     code: 'Enter',