Only show logo of buttons when screen size is too small

1 files changed, 5 insertions, 5 deletions

diff --git a/server/src/routes/ui/layout.rs b/server/src/routes/ui/layout.rs
index 32d67da..c98c8ec 100644
--- a/server/src/routes/ui/layout.rs
+++ b/server/src/routes/ui/layout.rs
@@ -47,13 +47,13 @@ markup::define! {
                         @if let Some(session) = session {
                             span { "Logged in as " } span.username { @session.user.display_name } " "
                             @if session.user.admin {
-                                a.admin[href=uri!(r_admin_dashboard())] { "Administration" } " "
+                                a.admin.hybrid_button[href=uri!(r_admin_dashboard())] { p {"Administration"} } " "
                             }
-                            a.settings[href=uri!(r_account_settings())] { "Settings" } " "
-                            a.logout[href=uri!(r_account_logout())] { "Log out" }
+                            a.settings.hybrid_button[href=uri!(r_account_settings())] { p {"Settings"} } " "
+                            a.logout.hybrid_button[href=uri!(r_account_logout())] { p {"Log out"} }
                         } else {
-                            a.register[href=uri!(r_account_register())] { "Register" } " "
-                            a.login[href=uri!(r_account_login())] { "Log in" }
+                            a.register.hybrid_button[href=uri!(r_account_register())] { p {"Register"} } " "
+                            a.login.hybrid_button[href=uri!(r_account_login())] { p {"Log in"} }
                         }
                     }
                 }