refactor collapsing buttons on small screen

3 files changed, 5 insertions, 10 deletions

diff --git a/ui/client-scripts/src/backbutton.ts b/ui/client-scripts/src/backbutton.ts
index 28a889a..b1b5c0f 100644
--- a/ui/client-scripts/src/backbutton.ts
+++ b/ui/client-scripts/src/backbutton.ts
@@ -8,7 +8,6 @@ import { e } from "./jshelper/mod.ts";
 
 globalThis.addEventListener("DOMContentLoaded", () => {
     document.getElementsByTagName("nav").item(0)?.prepend(
-        e("a", e("p", "Back"), { class: ["back", "hybrid_button"], onclick() { history.back() } })
+        e("a", { class: "back", onclick() { history.back() } }, e("span", "Back"))
     )
 })
-
diff --git a/ui/client-style/src/navbar.css b/ui/client-style/src/navbar.css
index fcb3cdd..adc7518 100644
--- a/ui/client-style/src/navbar.css
+++ b/ui/client-style/src/navbar.css
@@ -80,12 +80,8 @@ nav .back::before {
     content: "arrow_back";
 }
 
-.hybrid_button p {
-    display: inline;
-}
-
 @media (max-width: 1000px) {
-    .hybrid_button p {
+    nav a > span {
         display: none;
     }
     *::before {
diff --git a/ui/src/scaffold.rs b/ui/src/scaffold.rs
index 61e497a..40d595b 100644
--- a/ui/src/scaffold.rs
+++ b/ui/src/scaffold.rs
@@ -56,11 +56,11 @@ markup::define! {
                 @if let Some(user) = &ri.user {
                     span { @raw(tr(ri.lang, "nav.username").replace("{name}", &format!("<b class=\"username\">{}</b>", escape(user.get(USER_NAME).unwrap_or("nameless user"))))) } " "
                     @if user.has(USER_ADMIN.0) {
-                        a.admin[href=u_admin_dashboard()] { p {@tr(ri.lang, "nav.admin")} } " "
+                        a.admin[href=u_admin_dashboard()] { span {@tr(ri.lang, "nav.admin")} } " "
                     }
-                    a.settings[href=u_account_settings()] { p {@tr(ri.lang, "nav.settings")} } " "
+                    a.settings[href=u_account_settings()] { span {@tr(ri.lang, "nav.settings")} } " "
                 } else {
-                    a.login[href=u_account_login()] { p {@tr(ri.lang, "nav.login")} }
+                    a.login[href=u_account_login()] { span {@tr(ri.lang, "nav.login")} }
                 }
             }
         }