css changes for mobile

1 files changed, 4 insertions, 5 deletions

diff --git a/frontend/start.ts b/frontend/start.ts
index 3b4ca1e..838fd7c 100644
--- a/frontend/start.ts
+++ b/frontend/start.ts
@@ -26,7 +26,7 @@ export function section_engine_select() {
     const listing = e("ul", {})
     bangs.then(bangs => {
         for (const key in bangs) if (bangs[key]!.pinned) {
-            listing.prepend(e("li", { class: "pinned", onclick: () => select(key) }, bangs[key]!.name ?? key))
+            listing.append(e("li", { class: "pinned", onclick: () => select(key) }, bangs[key]!.name ?? key))
         }
     })
 
@@ -43,17 +43,16 @@ export function section_engine_select() {
     const submit = e("button", {}, "Select")
     submit.addEventListener("click", () => select(input.value))
 
-    const inputLi = e("li", {id: "select-engine-li"},
-        e("label", {}, "Select other engine by bang:"),
+    const manualInput = e("div", {id: "engine-select-manual"},
+        e("label", {}, "Search engines:"),
         input,
         submit,
         searchResults
     )
 
-    listing.append(inputLi)
-
     return e("section", { class: "engine-select" },
         e("h2", {}, "Select a search engine"),
+        manualInput,
         listing
     )
 }